草庐IT

custom-font

全部标签

html - <custom> 没有功能的 html 标签?

我以前在多个网站上看到过这样做。我想做的是使用像这样的标签和和没有任何属性,代替注释,因为它看起来更干净。但是,我想知道这样做是否会产生任何影响,这样做是否安全? 最佳答案 简答;不。它是无效的(除了在XHTML中你可以添加这样的标签)它不仅会破坏某些浏览器,还会使其他人阅读时感到困惑。看到这个问题:https://stackoverflow.com/questions/211394/when-to-use-custom-html-tags 关于html-没有功能的html标签?,我们在

html - 为什么 font-size 在 CSS 中不等于宽度和高度?

我有以下HTML代码:H和以下CSS:p{border-style:solid;border-color:black;border-width:1em;font-size:1em;height:1em;width:1em;padding:0em;}为什么内容框的高度和宽度不等于字体大小。为什么字母H和边框之间有空隙,如下面的输出。Output 最佳答案 这是因为字体不是这样设计的。例如,字母a在顶部包含相当大的空白block,好吧,同样的事情发生在H上。当您实际选择文本时可以看到它。H的形状不是构成字符的轮廓。它是由字体设计师定义的

html - @font-face 停止滚动捕捉点工作?

我知道它仍然是非常新的和实验性的,但一直在玩cssscroll-snap,并且有一段时间无法让它工作。我最终意识到,虽然我在我的CSS中使用了@font-face,但滚动对齐不起作用。如果我将字体系列更改为“Arial”而不是我定义的字体,它可以正常工作。还有其他人遇到过这个吗?代码笔:https://codepen.io/galvinben/pen/LgzLxK@font-face{font-family:'fontName';src:url('https://fontlibrary.org/assets/fonts/bebas/b98870e552991cf3daa1031f9fb

custom-attributes - 如果在 HTML 标记中使用自定义属性会怎样?

这个问题与jQuery无关本身,但我发现了一个名为Metadata的插件找到there其中一个示例使用自定义标记属性:....问:那是跨浏览器吗?验证标记时会失败吗?谢谢。 最佳答案 浏览器不会关心,因为很少有浏览器真正验证HTML。如果您尝试将其视为XHTML,它将失败,因为它不是有效的XHTML。 关于custom-attributes-如果在HTML标记中使用自定义属性会怎样?,我们在StackOverflow上找到一个类似的问题: https://st

html - 将@font-face 与嵌入在当前 HTML 页面中的 SVG 字体一起使用

我有一个要分发的独立HTML文档,没有任何外部依赖项。我在本文档中使用了只有我的一些用户会安装的非标准字体。对于那些没有安装字体的用户,我在顶部的嵌入式SVG文档中包含了一份字体副本。.(我在这个例子中使用的是单字形字体,真实文档使用的是完整的字体。)SVG字体看起来不如普通字体好看,所以我只想在本地没有安装字体的情况下使用SVG字体。如果字体是在外部SVG文档中定义的,我可以以低于本地安装字体的优先级使用它,如下所示:(fiddle)@font-face{font-family:"MyFont";src:local("MyFont"),url("fonts.svg#MyFontEle

html - 使用 CSS @font-face 时,浏览器以什么顺序使用不同的类型?

当在CSS中使用@font-face时,是否在任何地方记录了每种主要浏览器的字体类型,以及如果缺少一种或多种字体类型,它们赋予不同字体类型的优先级?我尝试用谷歌搜索答案,但失败了。@font-face{font-family:'myfont';src:url('myfont.eot');src:url('myfont.eot?#iefix')format('embedded-opentype'),url('myfont.woff')format('woff'),url('myfont.ttf')format('truetype'),url('myfont.svg#myfont')for

html - rails : How to add custom data-attributes in collection_select

我正在研究一种解决方案,使用Rails中的collection_select表单帮助程序将自定义数据属性添加到选项标签。我研究了stackoverflow上的一些帖子,并在查阅了一些API文档后进行了大量试验和错误。我快到了,但遗憾的是我的解决方案只将属性添加到select-tag而不是option-tags。我通过这种方式填充html-options-hash(第6位):@parallax.map{|p|"#{p.image}"}})%>这会导致选择标签如下:...但我想要获取data-icon属性的选项。当我切换位置并将我的数据图标添加到选项哈希(第5个位置)时,没有任何输出。

html - 如何在元素之前添加 Font Awesome 图标

这个问题在这里已经有了答案:UsingFontAwesomeiconforbulletpoints,withasinglelistitemelement(7个答案)FontAwesome5showsemptysquarewhenusingtheJS+SVGversion(3个答案)关闭4年前。您好,我正在尝试在元素之前和之后添加超赞字体图标。但是我不知道如何编写它的css以及如何获取超赞字体图标链接以将其放在css之前之后。我创建了一个这样的结构。 .thish{position:relative;height:150px;width:150px;background:re

html - 仅加载该页面中使用的@font-face

我的样式表中有多个@font-face字体,有没有办法只加载该页面上使用的字体?除了为具有该字体的每个页面加载单独的样式表之外。 最佳答案 我不知道浏览器是如何真正实现它的,但是CSSFontsModuleLevel3在其“Fontloadingguidelines”部分中说,浏览器必须只下载当前页面中使用的字体:The@font-faceruleisdesignedtoallowlazyloadingoffonts,fontsareonlydownloadedwhenneededforusewithinadocument.Asty

javascript - 手机间隙 : how Control the font size of the Mobile?

在Phonegap中我遇到了这个问题,如果我们将移动设备的字体大小从设置更改为正常到大,那么应用到应用程序的css就会中断。那么如何克服这个问题呢?我进行了很多搜索,但找不到任何相关解决方案。任何帮助或建议都会有所帮助。当设备字体大小正常时,它工作正常。Imagehere当我将设备字体大小从设置>显示>字体更改为大Imagehere 最佳答案 刚找到完全符合我需要的解决方案。通过使用thisplugin.只需在index.js的onDeviceReady函数中写入以下内容。if(window.MobileAccessibility)