jjzjj

fontawesome-webfont

全部标签

html - 使用 Google Webfonts 时 Outlook 中的 CSS 字体堆栈替换问题

在HTML电子邮件中使用GoogleWebfonts我在Outlook(2007、2010等)中遇到了在合并webfonts之前没有发生的字体替换问题。它忽略了字体堆栈并直接转到Times。尽管使用内联后备字体堆栈,仍会发生这种情况。我注意到之前在这里发布过类似的问题,但只是作为一般性问题,与网络字体的使用无关。以前所有的字体后备都可以正常工作。我正在使用Litmus进行电子邮件测试。有谁知道为什么会这样?石蕊试纸链接:https://litmus.com/pub/53a33c7/screenshots最初在CSS中链接的字体是这样的:在看到可能的solutioninanotheran

html - 在带有 attr() 的::before 伪元素内使用 FontAwesome 图标

我正在尝试使用attr()在::before伪元素中插入一个FontAwesome图标。原始代码更复杂,但是这会让您了解我想要什么:div::before{content:attr(data-background-icon);font-family:"FontAwesome";}https://jsfiddle.net/grutcop8/它不起作用,而通常的嵌入方式可以正常工作:div::before{content:"\f086";font-family:"FontAwesome";}有什么我想念的吗? 最佳答案 尝试使用Unic

html - 在带有 attr() 的::before 伪元素内使用 FontAwesome 图标

我正在尝试使用attr()在::before伪元素中插入一个FontAwesome图标。原始代码更复杂,但是这会让您了解我想要什么:div::before{content:attr(data-background-icon);font-family:"FontAwesome";}https://jsfiddle.net/grutcop8/它不起作用,而通常的嵌入方式可以正常工作:div::before{content:"\f086";font-family:"FontAwesome";}有什么我想念的吗? 最佳答案 尝试使用Unic

html - 是否可以通过离线存储缓存 list 加载 webfonts?

我知道我可以通过html/css导入我的字体,但我想知道这是否是一种可行的方法。谢谢! 最佳答案 是的,如果您将字体添加到您的list文件中,它们将与其他文件一起下载,然后可以离线使用。字体需要从您的离线应用程序所在的同一台服务器上可用,因为您无法缓存不在您的域中的资源。例如,您无法缓存GoogleWeb字体。我一直在对此进行一些测试,似乎来自Google的字体在Chrome和Opera上缓存得很好,onlyFirefoxhasproblems.list的“不在您的域中”限制仅在通过HTTPS提供时适用。您仍然需要在CSS中使用@f

html - 是否可以通过离线存储缓存 list 加载 webfonts?

我知道我可以通过html/css导入我的字体,但我想知道这是否是一种可行的方法。谢谢! 最佳答案 是的,如果您将字体添加到您的list文件中,它们将与其他文件一起下载,然后可以离线使用。字体需要从您的离线应用程序所在的同一台服务器上可用,因为您无法缓存不在您的域中的资源。例如,您无法缓存GoogleWeb字体。我一直在对此进行一些测试,似乎来自Google的字体在Chrome和Opera上缓存得很好,onlyFirefoxhasproblems.list的“不在您的域中”限制仅在通过HTTPS提供时适用。您仍然需要在CSS中使用@f

javascript - 如果字体下载被阻止,则从 FontAwesome 回退

我正在开发网页并找到FontAwesome作为向事物添加漂亮图标的一种非常巧妙的方法,但是默认情况下字体下载被NoScriptplugin阻止适用于Firefox。这对于普通字体来说不是问题,但是FontAwesome使用unicode字符,这些字符故意超出大多数字体的通常可打印范围,因此向CSS添加字体堆栈(例如:font-family:FontAwesome,sans-serif;)将不起作用,因为所有图标都呈现为十六进制正方形。我知道我可以调整NoScript以允许下载字体,但这不是所有用户的理想解决方案-我希望页面优雅地降级。当然,使用Javascript/jQuery很容易做

javascript - 如果字体下载被阻止,则从 FontAwesome 回退

我正在开发网页并找到FontAwesome作为向事物添加漂亮图标的一种非常巧妙的方法,但是默认情况下字体下载被NoScriptplugin阻止适用于Firefox。这对于普通字体来说不是问题,但是FontAwesome使用unicode字符,这些字符故意超出大多数字体的通常可打印范围,因此向CSS添加字体堆栈(例如:font-family:FontAwesome,sans-serif;)将不起作用,因为所有图标都呈现为十六进制正方形。我知道我可以调整NoScript以允许下载字体,但这不是所有用户的理想解决方案-我希望页面优雅地降级。当然,使用Javascript/jQuery很容易做

iphone - iOS 4.2+ webfont (ttf) 的粗体字体渲染错误

这个非常具体:在iOS移动版safari上错误地指定ttf字体渲染font-weight:bold,使用iOS4.2/4.3Beta3或更高版本的iphone/ipad打开演示站点:(这是来自谷歌字体的Reenie+Beanie)http://jsbin.com/ojeqe3/16/Screencapture您会看到粗体字体看起来双重呈现。这对于中小字体来说意义不大,但是对于大字体来说非常重要-放大/放大我的friend会向苹果报告这个错误。但是,他能做些什么来解决这个问题?(killthetext-adjustisnotOK)更新:此问题在iOS5中未修复。我所知道的最好的解决方案是

iphone - iOS 4.2+ webfont (ttf) 的粗体字体渲染错误

这个非常具体:在iOS移动版safari上错误地指定ttf字体渲染font-weight:bold,使用iOS4.2/4.3Beta3或更高版本的iphone/ipad打开演示站点:(这是来自谷歌字体的Reenie+Beanie)http://jsbin.com/ojeqe3/16/Screencapture您会看到粗体字体看起来双重呈现。这对于中小字体来说意义不大,但是对于大字体来说非常重要-放大/放大我的friend会向苹果报告这个错误。但是,他能做些什么来解决这个问题?(killthetext-adjustisnotOK)更新:此问题在iOS5中未修复。我所知道的最好的解决方案是

javascript - FontAwesome 无法在本地和 Electron 应用程序中加载字体

我已经使用npm下载了FontAwesome,然后使用grunts复制任务将css文件和字体复制到我的Electron应用程序根目录中的正确文件夹中。到目前为止一切顺利。一切都在它应该在的地方。现在,当我在我的应用程序中引用FontAwesome时,图标不会加载。这些是我在控制台中遇到的错误:Failedtodecodedownloadedfont:file:///path/to/fonts/fontawesome-webfont.woff2?v=4.4.0OTSparsingerror:FailedtoconvertWOFF2.0fonttoSFNTFailedtodecodedow