移动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
相关·内容
3回答
使用带有扩展.otf的阿拉伯字体
、、、、
我正在做一个小项目，客户端给我发了一种字体，他希望我用阿拉伯语。该文件的文件扩展名为.otf
我嵌入了该文件，并试图使用它，结果如下：
IE8:没有识别字体。
Chrome:没有识别字体。
Firefox:识别字体，但当查看字体时，字母是分开的(在阿拉伯语中，单词的字母是相互连接的)
知道如何在Firefox上修复它并使IE和Chrome识别字体类型吗?？
下面是使用的代码：
CSS
@font-face {
font-family: Dinar;
src: url("GEDinarTwo-Light.otf") format("opentype&#
浏览 2提问于2010-11-30得票数 1
我在我的网站上使用了一种特殊的字体。Firefox和Chrome可以在PC (本地和服务器)上识别它，但不能在移动设备(Firefox和Chrome)上识别。我在CSS文件中使用@font-face。 我已经把字体上传到服务器上了。我不知道该怎么做，因为它在电脑上是有效的。非常感谢您的帮助。 这是我的HTML： <div class="welcome">WELCOME</div><div class="home">HOME</div> 这是我的CSS： @font-face {
font-family:
浏览 17提问于2019-04-19得票数 2
回答已采纳
1回答
我已经创建了一个表，一个表，它在Firefox中工作得很好。当我在Chrome中查看它时，它有一些问题，而当我在IE中查看它时，它无法识别。
我做了一些修改，所以现在Chrome中只有一个小问题我还没有弄清楚(标题不匹配正文和on列-一两个像素不匹配)，但IE仍然有问题，看起来DIV正在滚动，或者至少整个表格在移动，而我只想让表体中的数据以Firefox和Chrome中的方式移动。
任何意见和建议都非常受欢迎。
浏览 5提问于2015-12-17得票数 0
Firefox (52.6)拒绝下载字体，并给出错误"Content Blocked“。相同的页面在Chrome中运行良好。错误是：
downloadable font: download failed (font-family: "Myfont" style:normal weight:normal stretch:normal src index:0): content blocked source: http://example.com/test/Myfont.ttf
CSS代码如下所示：
@font-face {
font-f
浏览 105提问于2018-01-24得票数 0
我正在编写以下CSS代码，以创建使用阿拉伯字体的字体样式，我正在使用windows操作系统...
浏览器无法读取它的问题，我在chrome，firefox，explorer和opera上进行了测试。四个浏览器不能识别字体...
这是我的CSS代码...
@media screen, print { @font-face {
font-family: 'FUFONT';
src: url(../fonts/ScheherazadeRegAAT.ttf) format("truetype-aat"), url(../fonts/Scheherazad
浏览 3提问于2011-08-31得票数 3
我使用的是自定义字体“”，但它在Chrome上不能正确显示，即使在火狐上也是如此。标题应该和Firefox一样粗体，但在Chrome中，它只是显示普通字体的重量。我只需要大胆版本的橘子。
版本：
Windows 10的Chrome (90.0.4430.72)
Linux上的铬(90.0.4430.72)
CSS:
@font-face {
font-family: 'Tangerine';
src:url('tangerine/TangerineBold.woff2') format('woff2'),
浏览 0提问于2021-05-17得票数 0
回答已采纳
我正在设计一个博客，主要字体是Roboto，它来自谷歌字体网站。
问题是它在Firefox中不能正确呈现，而不是使用Roboto字体，Firefox使用Tahoma。
@font-face
{
font-family: Roboto-Regular;
}
@font-face
{
font-family: Roboto-Bold;
}
它在Chrome和Safari中运行良好。
谢谢,
浏览 6提问于2014-07-06得票数 5
回答已采纳
我的字体似乎无法在firefox中工作，但在IE、chrome和Safari中似乎工作得很好
<style type="text/css">
@font-face {
font-family: MyCustomFont;
src: url("http://www.brightonorient.com/MTCORSVA.eot") /* EOT file for IE */
}
@font-face {
font-family: MyCustomFont;
src: url("http://www.brightonorient.com/
浏览 0提问于2012-03-23得票数 1
回答已采纳
5回答
我正在尝试使用@font-face，但由于某种原因，它无法工作(IE9、Chrome和Firefox)。我已经确保我在加载字体时指向了正确的目录，但是它似乎仍然不起作用。
下面是我的代码：
@font-face{
font-family: 'test';
src: url('../fonts/FontName.ttf'),
url('../fonts/FontName.eot');
font-weight: normal;
font-style: normal;
}
并将其称为：
#header{
text-align:left
浏览 0提问于2013-01-31得票数 13
回答已采纳
2回答
以下@font-face声明在每个主要浏览器(including Chrome for Android)中都能很好地工作，但Android Browser和Firefox for Android除外(来自)：
@font-face {
font-family: "OFTN Aller";
src: url("../fonts/OFTN-Aller-Bold.woff") format("woff"),
url("../fonts/OFTN-Aller-Bold.ttf")
浏览 1提问于2012-06-08得票数 6
回答已采纳
我在和Vue做一个作品组合。我希望全局字体样式是蒙特瑟拉特，但Chrome是唯一一个反映CSS的浏览器。Safari和Firefox都在检查器中抛出错误，说它们无法访问Google字体url。
我尝试在HTML中使用@import语法、font-face语法和href链接。我也尝试过下载字体并将其托管在我的Vue应用程序中，但似乎无法正常工作--我仍然是Vue的新手。
目前：
<link href="https://fonts.googleapis.com/css? family=Montserrat:400&display=swap" rel="styl
浏览 55提问于2019-07-27得票数 0
我正在尝试将@font-face用于Chrome、Safari、Firefox和IE。对于IE，我甚至不确定该怎么做，但对于其他浏览器，我希望@font-face部分可以工作。
下面是我使用的代码：
@font-face {
font-family: "Handwriter";
src: url("/folder/Font-Regular.otf");
}
然后我也尝试了：
@font-face {
font-family: "Handwriter";
src: url("http://www.domain.com/
浏览 0提问于2012-11-22得票数 3
回答已采纳
1回答
自定义字体无法在设备中工作。
、、、、
我已经开发了一个使用Ionic框架的安卓移动应用程序，我使用了自定义字体Lato-Black，通过引用这个.However，它不工作在设备上。在Chrome/Firefox中，运行良好。
style.css
.text-font-white {
color: white;
margin-bottom: 0;
font-family: 'Lato-Black';
}
@font-face {
@font-face {
font-family: 'Lato-Black';
src: url('.
浏览 1提问于2015-09-03得票数 0
(很抱歉，在我发现Chrome之前，我没有找到它--Android也不起作用。)Chrome-Android使用了一个备份到sys的默认字体技巧，它确实欺骗了我)
我本来打算使用unicode-范围，但这个问题阻止了我。
我尝试了桌面(Linux)、火狐桌面(MacOS)、和。它们大多运行良好，但只有火狐-Android没有。
@字体脸在桌面上很好用，但在Android上就不行了。
以下是守则：
Html
<p class="test">
The ellipsis in Chinese should be vertically centere
浏览 18提问于2022-02-03得票数 0
2回答
我正在开发一个使用Gill Sans字体的网站。到目前为止，它可以在Chrome和Firefox上正常显示，但在IE中不能正常显示。下面是css：
@font-face {font-family:"Gill Sans";
src:url(../../GillSansStd.otf);}
@font-face {font-family:"Gill Sans";
font-weight:bold; src:url(../../GillSansStd-Bold.otf);}
@font-face {font-family:"Gill Sans";
浏览 0提问于2013-02-10得票数 1
我不能在Chrome或Firefox (我的用户使用的两种主要浏览器)上工作。Ive been using webfonts on my website, using @font-face and it stopped working after some browser updates, now it doesn不能在Chrome或Firefox(我的用户使用的两种主要浏览器)上工作。我尝试了几种不同的方法，但没有一种能让它再次工作。有谁知道会发生什么吗？
我的网站是
CSS的链接是：
@font-face是：
@font-face{
font-family:Bebas Neue;
浏览 7提问于2014-12-12得票数 1
1回答
在CSS中使用@font-face时，是否在任何地方记录了在每个主要浏览器中使用的字体类型，以及在缺少一个或多个字体类型时，它们对不同字体类型的优先级？我试着用谷歌搜索答案，但失败了。
@font-face {
font-family: 'myfont';
src: url('myfont.eot');
src: url('myfont.eot?#iefix') format('embedded-opentype'),
url('myfont.woff') format('w
浏览 0提问于2014-01-16得票数 11
回答已采纳
我最近一直在使用@font-face，并开始在我的vbox上进行测试。原来字体的渲染效果不是很好。我研究了Firefox，所有我一直看到的就是关闭硬件加速。我们不能期望每个用户都这样做。Chrome也是这样做的。尝试了Anti-aliasing属性但没有成功。你可以在下面看到结果的图片：
Win FireFox、Chrome Mac Chrome、FireFox
正如你所看到的，左边的两个渲染得很差，而右边的两个很棒。他们使用的是：
@font-face{
font-family: "gBok";
font-weight: bold;
font-style:
浏览 0提问于2013-01-24得票数 0
回答已采纳
1回答
这是我正在使用的代码。
@font-face {
font-family:gotisch;
src:url('__cmsurl__/files/www/dscaslongotisch.ttf') format:('truetype');
}
h1{
font-family:gotisch;
}
源代码是正确的，CMS自动设置url，但是字体没有显示在Chrome和Firefox中。
当我使用此代码时：
@font-face {
font-family:gotisch;
src:url('__cmsurl__/files/www/d
浏览 1提问于2014-07-24得票数 0
回答已采纳
我有Custom Arial字体脸用于regular, bold, italic and bold-italic样式的css。
为此，创建了所有不同的字体文件arial_mt_stdregular、arial_mt_stdbold、arial_mt_stditalic和arial_mt_stdbold_italic。
#span{
font-family: 'arial_mt_stditalic';
font-style: italic;
font-size: 30px;
}
在Firefox中，这种斜体风格是Chrome和IE的两倍。
因此，我的内容在
浏览 4提问于2017-07-07得票数 0
回答已采纳
2回答
这是我的@ font -face声明，用于支持不同的字体变体，在本例中是我的字体的粗体版本。
@font-face {
font-family: "santana";
src: url("data:font/ttf;base64,AAEAAAALAI....") format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "santana";
src: url("data:font/
浏览 0提问于2013-03-11得票数 11
回答已采纳
我在外部样式表中使用@font-face，但是当我在服务器上打开页面时，只有文本需要很长时间才能呈现。为什么会发生这种事？
代码
@font-face{
font-family: koblenz;
src: url(../font/koblenz.ttf);
}
@font-face {
font-family: koblenz;
src: url(../font/koblenz.eot);
}
@font-face {
font-family: koblenz;
src: url(../font/koblenz.eot?#iefix);
}
@font-face {
浏览 0提问于2014-02-18得票数 1
回答已采纳
3回答
我在接受一个特殊的@font-face时遇到了麻烦，尤其是Firefox。
下面是我所做的一小段代码：
@font-face {
font-family: "Cursive";
src: url(./MTCORSVA.TTF) format("truetype");
}
.cursivefont {
font-family: "Cursive", Verdana, Tahoma;
font-size: 24pt;
font-weight: bold;
}
@font-face {
font-family: "
浏览 0提问于2017-08-02得票数 0
我最近决定在本地加载我的字体，以提高性能。我尝试了一些类似webfont.js的脚本或解决方案，但几天前我发现了“”。
这是一个非常有趣的项目，它是托管在github上的。基本上，你选择你的字体，下载它们，就这样。到目前为止，除了一个问题:我不确定它是否正常工作。
这就是我的努力，比方说，我想用"open“作为字体。
我在wordpress环境下，所以我。
转到-> 网站
用我的字体下载文件夹并放入我的字体文件夹(我在wordpress环境中)。
过去并复制css
CSS：
/* open-sans-300 - latin */
@font-face {
浏览 0提问于2019-04-24得票数 1
6回答
IE 10不加载字体
、、、
链接到有关站点：
在我的fonts.css中，我加载了一堆字体，如下所示：
@font-face {
font-family: GothamBook;
src: url('../fonts/Gotham-Book.otf');
src: url( ../fonts/Gotham-Book.otf ); /* IE */
}
@font-face {
font-family: GothamBookItalic;
src: url('../fonts/gothambookitalic.otf');
src: url( ../fonts/go
浏览 1提问于2013-09-27得票数 5
回答已采纳
我使用jQuery移动框架创建了移动web应用程序。我还在.css文件中添加了一些外部阿拉伯字体。当我在Chrome，Firefox等桌面浏览器中测试网页时，它工作得很好。但当我在我的iPod触摸屏上测试Mobile Safari中的网页时，它仍然无法工作，它仍然显示默认字体...
我的CSS是：
@font-face {
font-family: 'Amiri-Bold';
src: url('amiri-bold.eot');
src: url('amiri-bold.eot?#iefix') format('
浏览 0提问于2012-10-22得票数 1
2回答
<head>
<link href="fonts.css" rel="stylesheet">
</head>
fonts.css
@font-face {
font-family: opensans-regular;
src: url(fonts/opensans/OpenSans-Regular.ttf);
}
@font-face {
font-family: fontico;
src: url(fonts/fontico.ttf);
}
fontico是我自己用CorelDraw创建的
浏览 2提问于2018-11-13得票数 1
回答已采纳
嗨，伙计们，对@Font-Face有点为难，但不知道为什么。我花了无数个小时研究最好的@font-face代码，并排除了它为什么不能在Mac浏览器上显示的问题。
现在的情况是，我用的是...
@font-face {
font-family: 'Avenir LT 55 Roman';
src: url('fonts/avenir-55.eot?#iefix') format('embedded-opentype'),
url('fonts/avenir-55.woff') format('woff')
浏览 4提问于2013-03-07得票数 0
回答已采纳
1回答
我正在尝试使用下面的CSS导入字体，它在Firefox和IE中工作，但在Chrome不支持。你能帮我把它也用在Chrome上吗？
@font-face {
font-family: "Fontin-Bold";
src: url(fonts/Fontin-Bold.ttf);
src: url(fonts/Fontin-Bold.eot);
}
浏览 3提问于2012-05-03得票数 0
我使用@font-face并上传了所有.ttf、.eot和.woff格式的字体。它在Firefox上运行得很好，但是Chrome和Safari所有的文本都变成了Times New Roman。代码如下：
@font-face {
font-family: 'Open Sans Regular';
src: url(../open_sans/OpenSans-Regular.eot);
src: url("../open_sans/OpenSans-Regular.woff") format('woff');
src: local('Ope
浏览 2提问于2014-02-07得票数 0
我从Google字体中加载了3个粗细的字体，我可以在Firefox和Chrome上正确显示3个粗细的文本，但它不能在Safari中工作：
Safari不支持font-face别名吗？
浏览 0提问于2020-04-02得票数 0
基本上，@font-face在Chrome和Firefox中可以正常工作，但在Internet Explorer中不能正常工作。如果有人可以看看它，www.serialquilting.com，并建议问题可能是什么，那就太好了。
浏览 1提问于2013-12-02得票数 1
2回答
我正在开发一个网站的过程中，我有一个有点不寻常的问题。
我正在与fonts.com合作，为我的网站创建@font-face类型。
我一直在Firefox中测试/预览我的工作--一切都很好。
虽然在移动设备/ ipad / safari / chrome上，我的字体无法加载。
该站点的预览位于：
我可以粘贴整个CSS，尽管我不认为有任何不合适的地方。例如：
.base-menu { line-height: 18px; font-family:'Arial W01 Light'; font-size:12px;}
有没有人遇到过同样的问题？我做错什么了吗？任何想法都将不胜感激。
浏览 1提问于2013-02-27得票数 0
以下css在IE9中不起作用。在firefox和chrome中工作。请帮帮我。
<style>
@font-face {
font-family: 'myFirstFont';
src: url('fonts/test/MB-ThinkTwice_Regular.ttf');
}
@font-face {
font-family: 'myFirstFont_IE';
src: url('fonts/test/MMB_ThinkTwice.e
浏览 2提问于2014-09-12得票数 0
4回答
我通过这样做将字体加载到我的CSS中：
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrow.ttf);
font-weight:normal;
font-style:normal;
}
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrowBold.ttf);
font-weight:bold;
font-style:normal;
}
@font-face{
浏览 6提问于2013-10-28得票数 1
回答已采纳
1回答
我试图在移动网络应用程序中使用@字体，但它并不适用于安卓系统的Chrome 。
It 正在进行以下工作：
iOS上的狩猎
默认Android浏览器
OSX上的Safari
Windows环境下的Chrome
Windows上的Firefox
Windows环境下的IE11
下面是我使用的代码：
@font-face {
font-family: 'liat';
src: url('../fonts/liat_3.ttf') format('truetype');
font-weight: n
浏览 3提问于2014-02-17得票数 6
回答已采纳
我知道有那么多关于字体的报告，但是在浏览了所有这些之后，我仍然无法找到解决这个问题的方法。我正在创建一个mvc .NET应用程序。已移动字体文件夹中的所有字体文件，并将我的css更改为。由于我在视觉工作室面临这个问题，我无法提供一个工作的例子。
@font-face {
font-family: 'ui-grid';
src: url('../fonts/ui-grid.eot');
src: url('../fonts/ui-grid.eot#iefix') format('embedded-opentype'),
浏览 3提问于2017-01-15得票数 1
在Safari & Chrome (不在FireFox中，例如"in“中)中，当我们在后台播放并监听鼠标移动事件(在这里使用JQuery )时，即使鼠标没有移动，我们也会看到鼠标移动事件发生。
此仅在windows运行时发生，当鼠标移出画布时停止发生。
但是，如果用户在画布上播放音乐和鼠标离开计算机，我们就无法识别他们的空闲状态。
问题：
有人听说过这个吗？需要魔法治疗吗？
这似乎是一个webkit的问题，但我不是webkit专家，我将如何向webkit的人宣布它？
浏览 3提问于2012-10-08得票数 3
回答已采纳
我在IE10中渲染Open Sans字体时遇到了问题。字体在Chrome和Firefox中呈现正确。在IE中，文本以默认字体呈现。我已经从谷歌字体()下载了字体。下面是CSS代码：
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Regular.ttf');
font-weight: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/Ope
浏览 2提问于2013-10-10得票数 5
1回答
我使用的是font-face，以及AntennaCond和Roboto字体。这两种字体在Safari和chrome中都可以使用，但在Firefox中就会崩溃。
这是我的网站：
你知道为什么会发生这种事吗？
浏览 1提问于2014-04-22得票数 0
我正在使用以下代码在我的ASP.NET网站中显示自定义字体：
<style type="text/css">
@font-face {
font-family: 'B Mitra';
src: url('BMitra.ttf') format('truetype'); /* IE9 Compat Modes */
src: url('BMitra.ttf?#iefix') format('truetype'), /* IE6-IE8 */
url
浏览 1提问于2013-02-21得票数 0
我一直在建立一个具有响应式布局的网站()，并在我的笔记本电脑和Galaxy S3上测试了几个浏览器中的各种分辨率和分辨率。
鉴于我无法在Google Play上安装Internet Explorer，我现在正在工作中的诺基亚Lumia 800上测试该网站。它似乎运行的是Windows Phone 7.5，由于我找不到一个按钮来显示它是哪个版本的IE，而且这款智能手机相当新，所以我怀疑它是IE9。
到目前为止，@font-face已经在最新版本的Opera、Firefox、Chrome (桌面和移动)和IE9(桌面)上运行。
我真的不知道为什么它不能在移动版本中工作，即使它是一个老版本，font
浏览 0提问于2012-07-17得票数 6
1回答
在前面提出了一个问题之后，我被引导使用媒体查询--这可以在这里看到。从那以后，我在修改我的网站上取得了一些真正的成功，我想感谢帖子中的海报。
然而，现在我正面临着一个新的issues=。
firefox中的自定义字体
无论我尝试哪种文件类型，我都无法在Firefox中使用我的自定义字体。我使用的是Firefox31.0版本，在谷歌搜索之后，它建议我需要使用.woff文件类型。这是我声明的字体面板列表；
@font-face {font-family: 'CustomFont';src: url('font/Pacifico.ttf');
@font-face
浏览 2提问于2014-08-21得票数 1
回答已采纳
1回答
我打算将Google的语言指定默认(回退)字体为。但事实证明，我的Chrome不支持它。我在我的Windows 8上安装了整个Noto Sans+Serif家族。
我尝试了一些使用空html的字体，很多字体都能工作，但是仍然有一些不起作用。
字体-家庭：
"Segoe UI“好的
"Segoe Print“好的
"Microsoft YaHei“ (股票zh-汉斯字体)
“微软YaHei之光”(家族名称)(股票)失败
"MicrosoftYaHeiLight“(Postscript名称)失败
"Noto Sans“(姓氏) ok
浏览 6提问于2014-07-20得票数 1
回答已采纳
我已经在晚饭前关闭了笔记本电脑的盖子，冷冻了电脑。
当我回来时，我输入了密码，并试图恢复活跃的应用程序，Chrome和Firefox (从启动器)。Chrome没有启动，Firefox启动了。奇怪..。几次尝试从发射器启动Chrome，但都没有成功。它似乎是开始了，一个窗口被短暂地看到，但最小化或立即关闭。
无法识别Chrome版本，因为它甚至没有出现。Firefox版本为23.0，Ubuntu版本为12.04 LTS。
Chrome怎么了？晚饭前一切都很顺利。
浏览 0提问于2013-09-09得票数 0
我有一个web应用程序，它使用CSS3的@font-face嵌入自定义字体。到目前为止，它在IE和Firefox中都运行得很好。
然而，使用Chrome时，自定义字体显示为像素化且不平滑。下面是我在Firefox & IE (顶部)和Chrome (底部)中的字体示例的屏幕片段的链接：
可能很难在这么小的示例屏幕截图中看出区别，但当这种情况在整个页面上发生时，它是非常明显的。
下面是我如何在样式表中使用@font-face的示例：
@font-face
{
font-family: 'MyFont';
src: url('../Content/
浏览 6提问于2012-05-17得票数 19
回答已采纳
3回答
有2种特殊字体是预先安装的.它们在Chrome中表现良好，而在Firefox中则不然。所以我用@font-face收录了字体，这样就可以下载了。
CSS：
@font-face
{
font-family:Elephant;
src:url('/Styles/Fonts/elephant.ttf');
font-family:Harrington;
src:url('/Styles/Fonts/Harrington.ttf');
}
.title
{
font-family:Elephant;
}
.title2
{
font-fam
浏览 4提问于2014-03-11得票数 2
回答已采纳
1回答
在这篇文章()的后面，我遇到了一个新的绊脚石。一开始似乎一切都解决了，但后来我遇到了一个新的问题，我无法选择任何文本。
在Mac的Firefox上，我无法突出显示任何文本，甚至无法单击任何使用font-face字体的超链接。它可在所有其他操作系统(包括Windows、iOS等)上选择。以及其他Mac OS X浏览器(如Chrome和Safari)。
在上试用一下
下面是当前的CSS代码。
@font-face {
font-family: 'Avenir LT 55 Roman';
src: url('fonts/avenir-55.eot?#iefix') f
浏览 1提问于2013-03-27得票数 0
回答已采纳
所以我有这个@fontFace规则
@font-face {
font-family: 'myriadPro-Black';
src: url("fonts/myriadPro-BlackCond.otf") format("opentype");
}
它可以在Chrome和Safari上运行，但不能在Firefox上运行。我知道Firefox对fontface有不同于其他浏览器的规则，但我很难理解。习惯于跨浏览器优化。
知道我哪里做错了吗？
浏览 0提问于2014-01-21得票数 0
我试图在我的混合应用程序中使用自定义字体GopikaTwo。我在css中添加了以下代码:-
@font-face {
font-family: 'GopikaTwo' !important;
src: url('GopikaTwo.eot') !important;
src: url('GopikaTwo.eot?#iefix') format('embedded-opentype'), url('GopikaTwo.woff2') format('woff2'), url
浏览 3提问于2018-05-27得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
