移动Firefox和Chrome无法识别@font-face
的问题是由于移动浏览器对字体格式的支持不完善导致的。@font-face是CSS3中的一个规则，用于在网页中引入自定义字体。但是，移动浏览器在支持@font-face时存在一些限制和兼容性问题。
移动Firefox和Chrome无法识别@font-face的解决方法有以下几种：
- 使用Web安全字体：为了兼容移动浏览器，可以使用Web安全字体，这些字体在大多数操作系统和浏览器中都有良好的支持。常见的Web安全字体包括Arial, Helvetica, Times New Roman, Courier New等。通过在CSS中指定这些字体，可以确保在移动浏览器中正确显示。
- 使用字体格式的兼容性：移动浏览器对字体格式的支持有限，特别是对于一些较新的字体格式如WOFF2。因此，可以尝试使用兼容性更好的字体格式，如WOFF或TTF。可以使用字体转换工具将字体文件转换为不同的格式，并在CSS中引用转换后的字体文件。
- 使用字体图标库：如果只是需要在网页中使用一些常见的图标，可以考虑使用字体图标库，如Font Awesome或Material Icons。这些字体图标库提供了一系列矢量图标，可以通过CSS引用并在网页中使用，而无需担心字体兼容性的问题。
总结起来，移动Firefox和Chrome无法识别@font-face的问题可以通过使用Web安全字体、兼容性更好的字体格式或字体图标库来解决。具体选择哪种方法取决于具体的需求和情况。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云字体库：https://cloud.tencent.com/product/ttc
- 腾讯云Web应用防火墙：https://cloud.tencent.com/product/waf
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
相关·内容
Firefox和Chrome可以在PC (本地和服务器)上识别它，但不能在移动设备(Firefox和Chrome)上识别。我在CSS文件中使用@font-face。 我已经把字体上传到服务器上了。这是我的HTML： <div class="welcome">WELCOME</div><div class="home">HOME&l
浏览 17提问于2019-04-19得票数 2
回答已采纳
我对@font-face有个问题。我遵循了不同的解决方案，但都没有奏效。如果有人能给我任何建议，我会不胜感激。@font-face { src: url('indexFiles/neris_thin.otf');body {
border
浏览 4提问于2014-01-27得票数 0
2回答
我需要使用ITC Avant garde Condensed Book and medium字体，但我假设这是非标准字体，那么我如何确保在客户端浏览器的网站上使用此字体？
浏览 0提问于2013-05-29得票数 0
回答已采纳
1回答
我已经创建了一个表，一个表，它在Firefox中工作得很好。当我在Chrome中查看它时，它有一些问题，而当我在IE中查看它时，它无法识别。我做了一些修改，所以现在Chrome中只有一个小问题我还没有弄清楚(标题不匹配正文和on列-一两个像素不匹配)，但IE仍然有问题，看起来DIV正在滚动，或者至少整个表格在移动，而我只想让表体中的数据以Firefox和Chrome中的方式移动。任何意见和<
浏览 5提问于2015-12-17得票数 0
Firefox (52.6)拒绝下载字体，并给出错误"Content Blocked“。相同的页面在Chrome中运行良好。当Chrome加载此页面时，它会请求字体并正确接收和显示该字体。
该网站本身是一个在Apache上运行的非常简单的HTTP网站。没有第三方内容，没有活动内容，没有Javascript，没有HTTPS。服务器显然是在提供字体，因为Chrome可以显示它。如果我尝试在Firefox中只下载字体，它就可以工作。换句话说，以下URL在Firefox</em
浏览 105提问于2018-01-24得票数 0
浏览器无法读取它的问题，我在chrome，firefox，explorer和opera上进行了测试。四个浏览器不能识别字体... font-family: 'FUFONT';
src: url(..
浏览 3提问于2011-08-31得票数 3
2回答
我知道Chrome和Firefox (Windows，两者)之间存在浏览器渲染不一致的问题。但是我发现了一个奇怪的bug，涉及到@ font -face & gooogle-fonts将Chrome中的字体调低了大约10px。这里是供参考的源站点。非常感谢，尼尔
浏览 3提问于2012-08-21得票数 1
回答已采纳
我使用的是自定义字体“”，但它在Chrome上不能正确显示，即使在火狐上也是如此。标题应该和Firefox一样粗体，但在Chrome中，它只是显示普通字体的重量。我只需要大胆版本的橘子。版本：
@font-face { 然后，我
浏览 0提问于2021-05-17得票数 0
回答已采纳
);@font-face { src: url(/content/themes/blog-theme/fonts/TranSerif-HdlUltrabold.woff);@font-face { src: url(/content/themes/blog-theme&#x
浏览 0提问于2015-06-30得票数 1
问题是它在Firefox中不能正确呈现，而不是使用Roboto字体，Firefox使用Tahoma。@font-face font-family: Roboto-Regular;{}
它在Chrome和Safari中运行良好。
浏览 6提问于2014-07-06得票数 5
回答已采纳
我的字体似乎无法在firefox中工作，但在IE、chrome和Safari中似乎工作得很好@font-face { src: url("http://www.brightonorient.com/MTCORSVA.eot") /* EOT file for IE */@fo
浏览 0提问于2012-03-23得票数 1
回答已采纳
5回答
我正在尝试使用@font-face，但由于某种原因，它无法工作(IE9、Chrome和Firefox)。我已经确保我在加载字体时指向了正确的目录，但是它似乎仍然不起作用。下面是我的代码：font-family: 'test'; url('..
浏览 0提问于2013-01-31得票数 13
回答已采纳
我在和Vue做一个作品组合。我希望全局字体样式是蒙特瑟拉特，但Chrome是唯一一个反映CSS的浏览器。Safari和Firefox都在检查器中抛出错误，说它们无法访问Google字体url。我尝试在HTML中使用@import语法、font-face语法和href链接。我也尝试过下载字体并将其托管在我的Vue应用程序中，但似乎无法正常工作--我仍然是Vue的新手。如果我拉出URL并将其粘贴到Firefox或Safari中，两者都将<
浏览 55提问于2019-07-27得票数 0
2回答
以下@font-face声明在每个主要浏览器(including Chrome for Android)中都能很好地工作，但Android Browser和Firefox for Android除外(来自)： font-family: "OFTN Aller"; fo
浏览 1提问于2012-06-08得票数 6
回答已采纳
1回答
自定义字体无法在设备中工作。
、、、、
我已经开发了一个使用Ionic框架的安卓移动应用程序，我使用了自定义字体Lato-Black，通过引用这个.However，它不工作在设备上。在Chrome/Firefox中，运行良好。style.css color: white; font-family: 'Lato-Black';@font-face{ font-fam
浏览 1提问于2015-09-03得票数 0
我正在尝试将@font-face用于Chrome、Safari、Firefox和IE。对于IE，我甚至不确定该怎么做，但对于其他浏览器，我希望@font-face部分可以工作。下面是我使用的代码： font-family: "Handwriter"; } @font-face
浏览 0提问于2012-11-22得票数 3
回答已采纳
我尝试使用@font-face加载两种字体，但遇到了各种奇怪的问题。有些浏览器会加载字体，有些则不会。同样的浏览器在桌面上不会加载，但在移动设备上可以。我的@font-face代码是： @font-face { src: url('sd-regular-webfont.woff') format('woff');@font-face {
font-family: &
浏览 22提问于2019-01-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
