向屏幕阅读器隐藏图标的适当方式是什么

问题描述在我的Web应用程序中,我为自己设置了一个完全由图标组成的字体。我使用这些图标来补充应用程序中的标题和副标题,使其在视觉上更具吸引力。但是,像JAWS这样的屏幕阅读器会读出这些内容,这会给屏幕阅读器的用户带来不愉快的体验。例如,字符c显示云的图像。我以这种方式使用它来补充

发布:2022-10-16 标签:htmlfont-faceaccessibilityscreen-readerswai-aria


波旁威士忌@字体-面型混合

问题描述我是Bourbon&Sass新手,正在尝试使用@font-facemixin将我下载的字体(MuseoSans)添加到我的Rails3应用程序中。Bourbon提供以下示例:@includefont-face(SourceSansPro,'/fonts/Sourc

发布:2022-10-16 标签:ruby-on-railsfont-facesassbourbon


在元素之前使用<i>而不是将元素放在<span&>中有什么好处?

问题描述可能的重复项:<I>tagforicons?我在FontAwesome中看到,为了使用他们的图标字体,他们使用了一个空的<i>,类似于:<aclass="btn"href="#"><iclass="icon-refresh"></i>Refresh</a>不是像这样用<s

发布:2022-10-16 标签:htmlcssfontsfont-faceicons


如何在本地计算机上测试FONT-DISPLAY:SWAP?

问题描述为了克服不可见文本,PageSpeedInsights建议在@font-face声明中使用font-display:swap对整个应用程序使用后备字体。我已将该属性添加到我的Web应用程序的每个@font-face,但无法测试它,因为更改仍在我的本地计算机上。那么,现在如

发布:2022-10-16 标签:htmlcsspagespeedfontsfont-face


Safari用户安装的字体不会呈现

问题描述我使用的是MACOSX,我的Safari版本是13.0.3。我试着在我的机器上安装了一些定制字体。我在我的机器上安装了https://www.fontsquirrel.com/fonts/list/popular中的Great-vibes字体(仅是一个例子),它现在显示在

发布:2022-10-16 标签:fontsfont-facesafarifont-family


何时下载备用字体?

问题描述如果我将Google字体设置为备用字体,如下所示:@font-face{font-family:'GoogleFont';src:url('GoogleFont.ttf');}html,body{font-family:'myMainFont','GoogleFont';

发布:2022-10-16 标签:htmlcssfont-face


@FONT-Face对于斜体/粗体字体不能正常工作

问题描述我正在使用一个工具自动生成CSS,它会生成以下@Font-Face标签和相应的段落样式@font-face{font-family:FF-Garamond-Italic;src:url("../fonts/16309_GARAIT(1).ttf");font-style:

发布:2022-10-16 标签:cssfontsfont-facetext-rendering


IE7 (IETEster) 中的@fontface 无法正常工作

问题描述我正在使用Fontsquirrel.com的Sansumi@fontface套件.在IE6和IE8的IETester程序中可以正常使用,但是在IE7中就不行了.IamusingtheSansumi@fontfacekitbyFontsquirrel.com.Itworks

发布:2022-10-16 标签:cssdrupaldrupal-7font-faceinternet-explorer-7


使用数据 URI 的 Base64 编码 OpenType 字体

问题描述我想在font-face中添加一个base64编码OpenType字体作为数据URI.Iwanttoaddabase64encodedOpenTypefontasadataURIinfont-face.到目前为止我有这个:@font-face{font-family:'t

发布:2022-10-16 标签:htmlcssfont-facebase64


如何解决“缺少跨域资源共享 (CORS) 响应标头&quot;网络字体问题?

问题描述由于某种原因,字体已停止在我的网站上呈现.字体存储在本地,与站点在同一台服务器上.Forsomereasonfontshavestoppedrenderingonmysites.Thefontsarestoredlocally,onthesameserverasthesi

发布:2022-10-16 标签:.htaccesscorsfontsfont-facewebfonts