为什么浏览器不能正确读取字体？
浏览器不能正确读取字体的原因可能有多种，以下是一些可能的原因和解决方法：
- 字体文件缺失或损坏：浏览器在加载网页时需要下载字体文件，如果字体文件不存在或者损坏，浏览器就无法正确显示字体。解决方法是确保字体文件存在并且可访问，可以尝试重新下载或替换字体文件。
- 字体格式不受支持：浏览器只支持特定的字体格式，如TrueType（.ttf）和OpenType（.otf）等。如果使用了不受支持的字体格式，浏览器无法正确读取字体。解决方法是将字体转换为支持的格式，或者使用浏览器支持的默认字体。
- 字体引用错误：在网页中引用字体时，需要使用正确的CSS语法和路径。如果引用错误，浏览器无法正确加载字体。解决方法是检查CSS代码中的字体引用语法和路径是否正确。
- 浏览器不支持字体特性：某些字体具有特殊的特性或效果，如阴影、渐变等。如果浏览器不支持这些特性，字体可能无法正确显示。解决方法是使用浏览器支持的字体特性，或者使用图片代替字体效果。
- 字体版权限制：某些字体受到版权保护，未经授权不能在网页中使用。如果使用了未经授权的字体，浏览器可能无法正确显示字体。解决方法是使用合法授权的字体或者使用浏览器默认字体。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云字体库：提供丰富的中英文Web字体，支持在线调用和自定义字体样式。链接地址：https://cloud.tencent.com/product/fontstore
请注意，以上答案仅供参考，具体情况可能因浏览器版本、操作系统、字体设置等因素而有所不同。
相关·内容
2回答
我在网页上使用的是css文本字体"Century，Arial，Courier，Sans-Serif“，但是每当我使用it字符时，它就不能在浏览器上正确显示(浏览器测试在Firefox、Explorer、Chrome和Safari上)。
HMTL：
<span>£</span>
SPAN CSS：
font-family: Century Gothic, Arial, Courier New, Sans-Serif;
上述£文本显示为黑色菱形内的问号。有人知道为什么会这样吗？还是我只需要选择一个不同的字体系列来显示£标志？页面上使用相同字体系列的所有其他文本/字符
浏览 4提问于2014-08-18得票数 0
回答已采纳
我正在尝试创建在不同浏览器中看起来尽可能相似的SVG文本。
我知道理论上Firefox和IE9都不支持SVG字体。然而，我搞不懂为什么他们两个似乎都能拿起我从Typekit上下载的字体。
如果你看这个例子，，你会看到两个试图使用"Museo“字体的例子。
第一个只指定" font -family="'museo-slab'"，这是从Typekit下载的字体，第二个直接链接到服务器上的svg字体文件museo-sans-500。
在Chrome上，两种字体都可以正确渲染，但在Firefox和IE上，只有第一种字体可以正确渲染。这对我来说似乎非常奇怪
浏览 4提问于2013-01-11得票数 0
回答已采纳
最近有人问我，为什么我的tumblr主题不能在这个上正确地显示越南语。我如何调试这个问题。
我想知道是因为使用了自定义字体还是cufon？
也许是字符集的问题？但是UTF-8应该支持大多数语言吗？
浏览 2提问于2010-08-13得票数 2
回答已采纳
2回答
以错误字体显示的非ascii字符
、、、、
我正尝试在我的新网站中使用'Nilland-SmallCaps‘字体。问题是，虽然所有其他文本都正确显示，但我的语言的特定字符(š，č，ž(s，c，z with caron))以默认字体显示。我在字体编辑器中打开.ttf文件，发现这些字符是定义的，所以我不知道为什么它们不能正确显示。如果你对如何解决这个问题有一个想法，请帮助我，因为我已经尝试了我想出的所有方法。
@font-face {
font-family: 'Nilland-SmallCaps';
src: url('Nilland-SmallCaps.ttf')format('t
浏览 0提问于2012-11-06得票数 2
回答已采纳
我无法将项目中的字体更改为自定义字体。但是下面的代码确实在一个单独的测试用例中工作，但我不知道为什么在我的工作项目中不能工作。我不知道是什么引起了这个问题。
我可以将字体更改为某些默认字体，但不能更改自定义字体。@字体-face{字体-家族: nazanin；src: url(nazanin.ttf)；} .customFont{字体-家族: nazanin；}
浏览 4提问于2020-08-11得票数 1
回答已采纳
9回答
网站上的小字体
、、、
我的主要浏览器(FF和Chrome)都配置为12像素字体。在这两种浏览器中，字体选择器都会显示字体预览，在这两种浏览器中，它们的大小和阅读网站的大小是一致的。我的IE不允许我设置字体大小，但似乎默认为比Chrome大一点的字体。
在我的个人网站上，我使用XHTML & CSS并指定页面字体为“媒体”，并对所有主文本(“内容”文本)使用该字体大小。当我在IE7，FF 3和Chrome0.4中查看这个站点时，字体会按预期显示，并与字体选择器相匹配(除了IE中的字体要大一点)。
但是，我去了几乎所有其他的网站(谷歌，StackOverflow，DailyWTF，CodingHorror，微软
浏览 8提问于2008-12-03得票数 3
回答已采纳
1回答
我不明白为什么我的google字体不能在Kindle Fire 2012 7上加载。我看到其他网站的google字体可以在这台设备上工作，但由于某种原因，我的网站的字体不能加载。
字体的外观()
它们在我的上的外观
有什么建议吗？
浏览 2提问于2013-10-30得票数 1
不能在Chrome中识别“proxima nova”otf，也不能理解为什么..下面是CSS：
@font-face {
font-family:'Proxima Nova';
src: url("/Fonts/ProximaNova-Regular.otf") format('opentype');
}
任何想法都非常感谢。
浏览 0提问于2012-11-15得票数 7
在css捆绑了int0 asp.net MVC4之后，我在网站工作时使用了css中的字体棒，在火狐浏览器中不能渲染字体-棒吗？为什么firefox不支持，为什么chrome支持。提前谢谢你..
浏览 0提问于2013-05-02得票数 1
2回答
我在我的macbook上建立了我的网站，使用css来指定页面的样式，但是现在我已经返回到我的imac，当我查看页面时，字体默认为Times New Roman。
它在我的macbook上的Firefox/Safari/Chrome中使用了正确的字体，现在没有浏览器显示我使用的字体。这款字体本身就是苹果的默认字体，而且安装在我的电脑上，所以我终生都搞不懂为什么它不能正常显示。
网址是：
浏览 1提问于2013-09-04得票数 0
2回答
我有一个网络字体，不支持西里尔。字体只有拉丁字母。如果我尝试显示一些Cyrillic字符，而不是显示空白或损坏的字符(正如我所期望的那样)，它会绕过网页字体并以系统字体显示它们。虽然这是件好事，但我不知道为什么，也不知道怎么做。据我所知，如果浏览器不支持CSS中指定的字体，或者浏览器不支持webfonts，那么就需要设置一个替代字体。但是，如果不支持所使用的字符，则会发生这种情况。我对此的理解是正确的吗？
浏览 4提问于2015-04-21得票数 1
回答已采纳
3回答
为什么字体FixedSys和终端只能在FireFox上工作，而不能在任何其他主要浏览器上工作？
怎么回事？是因为它们是系统字体，还是我遗漏了什么？
谢谢
浏览 2提问于2010-09-11得票数 5
回答已采纳
3回答
我正在看的一个主要网站的CSS似乎有一个奇怪的方式来管理他们的字体大小在css中。首先，主体选择器具有以下内容：
body {
font:62.5%/1.5 Helvetica,Arial,FreeSans,sans-serif;
}
然后，获得它们所做的h2字体的自定义大小：
h2 {
font-size:3em;
}
如果您在这两处更改字体指令，则h2的字体大小将更改，并且看起来不正确。因此，他们显然是通过这些指令的组合来管理字体大小的，我想知道他们为什么要这样做.
问题：
为什么h2字体不简单地凌驾于身体字体之上？就像身体字体在它的大小上起着乘数的作用.这个设计的动机是什么？
谢谢你，乔
浏览 3提问于2010-12-11得票数 0
回答已采纳
3回答
我有一个带有英语和葡萄牙语的HTML网页，当我在页面顶部按下一个标志时，它就会被交换。这是通过span中的一个类完成的。典型用法：
<div>
<span class="por1">Portuguese text 1</span>
<span class="eng1">English text 2</span>
Some text 3 that is correct in both languages
</div>
默认情况下，我使用CSS (英语是默认语言)：
.p
浏览 2提问于2016-12-04得票数 2
回答已采纳
<style>
@font-face
{
font-family : 'Avenir';
src : url("/fonts/Avenir999.otf");
}
p.price a span
{
/*font-family : 'Avenir';*/
font-size : 45px;
color: #889900;
}
</style>
<p class="pri
浏览 1提问于2012-08-29得票数 0
所以我已经安装了Oswald Google字体，我注意到它没有正确显示。在另一台没有安装它的计算机上，它看起来很好。有人知道为什么会这样吗？这应该是一个关注，因为可能很少有人安装这个字体？
浏览 1提问于2014-02-26得票数 0
回答已采纳
在我们的网站上，"Segoe UI Light“字体在FireFox 7中不能正确呈现，而在IE9中却可以。我应该检查什么？
浏览 0提问于2012-02-23得票数 17
回答已采纳
2回答
我想导入3种字体在我的网页使用@字体脸。但只有其中一种能正常渲染。另一些则不能显示，因为它们必须出现。为什么？
这是我的示例代码，用于导入每个项目并使用它：
@font-face {
font-family: 'BMitra';
src: url('fonts/BMitra.eot?#iefix') format('eot'),
url('fonts/BMitra.woff') format('woff'),
url('fonts/BMitra.ttf')
浏览 3提问于2013-11-26得票数 0
1回答
我正在寻找一种应对字体家族可用性的策略。
我有使用OTFs的网站，但由于某种原因，字体不能在各种设备/平台上加载，字体回落到第二或第三选择。不幸的是，回退很少有相同的行高或边距。我已经使用jQuery对CSS进行了相应的调整，但对于任何样式表来说，这都是很大的工作量。我想知道有没有更好的策略。
或者..。如果有一种方法可以排除故障--为什么-- Google Font、EOT或OTF不能加载，而且可能会减少这些情况？
我意识到一个人可以使用谷歌字体等等，但这些是IMHO…原谅我..。大部分-看起来都很可怕。
浏览 0提问于2013-09-08得票数 0
我有一份很简单的文件：
<html>
<body>
<style type="text/css">
div.main {
font-size: smaller;
}
</style>
<div class="main">
Lorem ipsum dolor sit amet<br/>
<span>Lorem ipsum dolor sit amet</span>
<div>Lorem ips
浏览 2提问于2019-04-04得票数 0
2回答
我正在尝试导入CSS字体，但不幸的是它不能工作，我真的不确定为什么。
文件系统中名为'deadjim.ttf‘的字体放在我的主public_html中，是的，它是正确的路径，访问该路径将下载文件。
@font-face {
font-family: 'deadjim';
src: url('http://url.com/deadjim.ttf'); /*URL to font*/
}
我尝试过清除缓存，但也没有成功。显然，它在Safari上工作，但我无法检查是否有windows PC
浏览 1提问于2016-11-25得票数 1
当我在HTML中包含Doctype条目时，显示的字体变小，对齐扭曲。我包含doctype是为了避免一些css样式不能正确显示。
我使用的Doctype是，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
请给我一个建议，以避免字体大小改变和对齐。
浏览 0提问于2014-03-14得票数 0
1回答
我有一个透明的，灰色的PNG图标。我想要能够改变它的颜色像一个字体图标。
更多细节:PNG有外部透明和内部白色区域的实际“图标”，加上一个小的灰度梯度，所以他们有好看的“模糊”边缘。我配备了图像魔术，所以我不介意，如果我必须采取消极/否则在任何解决方案之前对PNG执行转换。
为什么我不能仅仅使用一个字体图标集:我们有一些自定义的，专有的图标我们正在使用，我花了几个小时试图将它们转换成字体图标集，但没有成功。所以我不太可能找到我们的图标，我不能把我们的图标设置成字体图标。我可能做错了，也可能找不到合适的工具。
所以我的下一个最好的选择是使用CSS“掩蔽”，但我无法做到这一点。其想法是将div的背
浏览 3提问于2014-07-30得票数 2
回答已采纳
1回答
我安装了几个终端。但只有其中一些字符能够正确显示所有Unicode字符。例如，在不同的终端中，典型的表情符号显示方式不同：
Xterm
Urxvt (又名)
术语
如您所见，术语(以及gnome终端或st，这里不存在)可以正确地显示表情符号。urxvt，xterm不能显示矩形而不能显示正确的字符。
为什么会这样呢？区域在所有终端都是相同的。字体显然安装正确。xterm和rxvt应该支持Unicode (至少像ěščř这样的捷克字符没有问题)，但它们显然不支持100 %。
浏览 3提问于2016-11-14得票数 4
回答已采纳
2回答
如果我用浏览器(例如: Chrome)打开一个中文网页，虽然我没有安装中文字体(只使用可用的Windows字体)，但网页可以显示中文文本。然而，在大多数Windows软件上，中文文本并不能准确地显示出来。例：“--”。我不知道Chrome用什么字体来显示中文文本？为什么其他Windows软件不使用这些字体？
浏览 4提问于2012-07-17得票数 0
我有一个从我自己的服务器加载的可变字体
有时在Safari (只有Safari)中，字体不加载，我得到了备份字体。
如果我查看Dev tools > Network >字体，上面写着
Failed to load resource: Origin --- is not allowed by Access-Control-Allow-Origin
如果清除浏览器缓存并重新加载页面，则将加载正确的web字体。
有人知道或知道为什么会发生这种事吗？
浏览 4提问于2022-01-07得票数 0
我使用谷歌"“字体在网站上作为标志字体。在那里看上去很棒：
但现在，我想使用完全相同的字体，并将它放在名片上，在亲和(或Photoshop)中，它看起来如下：
这几乎就像一种不同的字体--我一直试图把我的头围绕着正在发生的事情，一遍又一遍地查看网站css，
从谷歌重新下载字体并重新安装，但没什么不同。css说，它的草书，这不是一个选项，在亲和，甚至在谷歌字体网站，所以我不确定这是不是问题的可能。
到目前为止，我发现它必须是正确的字体，就像看字形图表一样，它确实有这些字符，只是下面或上面有一些奇怪的点--但是我如何才能让它们显示出来，以及是什么使我的网站选择了这些字
浏览 22提问于2022-10-10得票数 -1
1回答
我正在使用
<input type="file" id="uploadFont" value="Upload Font"/>
将字体上传到我的应用程序。打开文件对话框打开，我选择字体。
如何获取所选字体的路径。
浏览 0提问于2013-05-29得票数 0
回答已采纳
1回答
为了学习更多关于字体渲染/编码的知识，我更好奇的是，为什么当我将表情符号复制并粘贴到空白的<html>页面中，然后简单地将.html文件保存在本地机器上时，或者甚至启动本地php服务器并在其中提供包含上述表情符号的文件时，它们要么分别显示为一些奇怪的字符(Ÿ˜‡？Ÿ?Ÿ™ˆ)，要么显示为空白。然而，我知道，当我直接在这个堆栈溢出请求文本区域中键入它们时，它们将在我的浏览器中正确呈现，并在查看此页面时按预期显示。
我的理解是，既然mac现在附带了正确的表情符号字体，它们就应该呈现为正确的表情符号字体。那么，您现在看到的HTML页面和我保存在计算机上的本地页面之间的脱节在哪里呢？
推荐
浏览 1提问于2016-01-06得票数 5
2回答
因此，最近我发布了一个问题，问我的网站上的字体怎么不能比字体重量600更轻。以下是的问题
所以我可以通过导入google字体和所需的字体重量来解决这个问题。我现在有更薄的字体(字体重量:300)。
问题是，我发现当我部署到一个实时服务器上时，当我在自己的计算机上查看站点时，我设置的字体权重不起作用。在一些计算机上，它的工作正常，较薄的字体重量正在工作，但也有其他计算机也有同样的问题。
我不知道这里发生了什么。我正在考虑安装在本地机器上的字体与此有关，但是当我在本地主机上测试站点时，字体权重是正确的，并且显示正确。
浏览 8提问于2022-07-19得票数 0
我知道我们可能都使用了62.5%以前的字体大小，我们用这个老IE版本做正确的缩放缩放。
所以，我理解为什么它是这样的价值，以及它如何处理“他们”。我不明白的是为什么人们还在用它？特别是当他们有设计，反正不尊重用户的字体设置。
当它使用一种聪明的方法时，我没有任何反对它的地方，就像那一个站点--好例子 --它完全尊重用户的字体设置并将显示调整到它，所以在这里它是绝对必要的，而且一切都很好。
下面是一个相反的例子，，它与用户的字体设置无关。因此，例如，如果用户在浏览器中有一个额外的大字体，那么他们的设计就会被破坏。因此，如果他们无论如何都是基于"62.5%“的神奇值(即”10 px“)进行
浏览 0提问于2015-03-11得票数 21
回答已采纳
3回答
我的网站使用了一种相当晦涩难懂的字体，大约一半的电脑都能正确阅读。字体为"Lucida Console“。在不能读取这种字体的计算机上，它们显示丑陋的Times New Roman，有没有办法将我网站的字体设置为Lucida控制台，但在无法读取的计算机上，改为查看Arial？使用CSS。
浏览 2提问于2011-01-13得票数 33
回答已采纳
1回答
我得到了以下错误时，试图使用混音‘用户-选择’。我使用的是0.12.2版本，我确信它支持指南针中的。那我为什么不能用这个混音呢？
误差
Syntax error: Undefined mixin \'user-select\'
包括
// css3
@import "compass/css3";
@import "partials/deposit";
调用
//File: partials/_deposit.scss
@include user-select(none);
那我为什么不能用这个混音呢？
浏览 2提问于2013-07-11得票数 5
回答已采纳
我正在为一个项目使用Daniel Bruce制作的名为Entypo的象形文字web字体，它在Windows版的Safari5中不能正常工作。然而，这种字体在Chrome、Firefox、Internet Explorer和Opera上运行良好。
这是。在Safari中打开链接，您将看到缺少象形文字。看起来5个字符或更多字符的unicode代码正在抛弃Safari。知道为什么吗？
浏览 1提问于2012-11-14得票数 3
我在我的web应用程序中使用了Google web字体"Droid阿拉伯语Kufi“，该字体可以在Google Chrome、Mozilla Firefox和Microsoft Edge上使用，但在Apple Safari上不能使用。我要做的是：
1-导入CSS文件顶部的字体：
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
2-使用它，例如：
body {
font-family: 'Droid Arabic Kufi', sans-serif;
background-
浏览 5提问于2021-09-17得票数 0
正如您在屏幕截图中看到的那样，图标和字体没有正确加载。
我们的观察是，在Safari中，这只会使不能工作。不管我们是在iPhone上还是在Mac上进行测试。
这些字体按以下方式加载：
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Ico
浏览 3提问于2019-11-11得票数 7
回答已采纳
我在标题中使用“”。它在我的个人电脑上的不同浏览器上工作正常，但在手机上，它在每一个基于Chrome，Edge，Kiwi (Chrome，Edge，Kiwi)的移动浏览器上看起来很奇怪。
奇怪的是，我的意思是在手机上不能正确地处理单词之间的字母间距。这种字体也在上使用，我在那里没有看到这个问题。
我该怎么做才能解决这个问题？有没有办法只在基于移动铬的浏览器中添加字母间距？
浏览 7提问于2020-08-01得票数 0
回答已采纳
我正在做一个网站，其中我使用“哥谭市”字体贯穿始终。单击按钮时，我会显示一个Modal ( Bootstrap Modal)。但当模式出现时，整个屏幕的字体将更改为Mozilla的默认字体。
如果将Font-family指定为
font-family : "GothamBold","Verdana",Arial,sans-serif
然后，它会回退到Arial，但决不会回退到GothamBold
此问题仅存在于Linux上的Mozilla ( Ubuntu 12.04 )中。在windows上，它工作得很完美。这可能是什么原因呢？我不能分享所有的代码，因为它属于
浏览 1提问于2014-05-20得票数 0
2回答
我有以下代码：
p{
font-family: Helvetica, Arial, sans-serif;
font-weight:100;}
它可以在Safari和Firefox上的Mac上工作，但是字体大小在任何浏览器中都不能在Windows上工作。为什么？我该怎么解决呢？
浏览 0提问于2011-06-07得票数 2
在我的网站上，我将其他网站上的字体命名为：
@font-face {
font-family: Gotham;
src: url('http://www.myOtherSite.com/Gotham-Book.ttf');
font-weight: 600;
}
它可以在Safari上运行，我可以看到正确的字体，但在Chrome或Firefox上看不到。你知道为什么吗？
谢谢,
浏览 0提问于2016-01-15得票数 1
我想在我的网站上使用Aller字体，它在Firefox中似乎工作得很好。然而，在Chrome中，'s‘和'k’字符(而且只有那些)比其他字符的高度更大。 字体在火狐(在Linux和MacOS上)、Chrome (在MacOS上)中都能正确呈现，但在Linux上的Chrome中却不能。Linux计算机上未本地安装字体。 Css规则： @font-face {
font-family: "Aller";
src: url("../fonts/aller/Aller_Lt.ttf");
font-weight: 400;
font-s
浏览 31提问于2019-09-11得票数 0
回答已采纳
1回答
所以我读到在Chrome for Windows上有一个bug，导致渲染效果不佳。这对Opera也是一样的吗？为什么它不能在IE上工作？
字体：
嵌入：
wp_enqueue_style('fontbask', 'http://fonts.googleapis.com/css?family=Libre+Baskerville:400,500,700,400italic&subset=latin,latin-ext');
CSS我试过了
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing
浏览 2提问于2014-02-16得票数 2
我有一个社交网络，允许用户为他们的个人资料选择字体。它在Chrome、Safari和Firefox上运行得很好，但IE7-9不能很好地运行。
我应该在我的字体php文件中做些什么来回显一些漂亮的css？代码如下：
$fontovi_style='';
foreach(explode(",", str_replace("\n",'',file_get_contents(ROOT.'media/font-list.txt'))) as $k=>$v){
$ime=str_ireplace('.ttf
浏览 0提问于2012-09-16得票数 0
回答已采纳
3回答
@字体-没有在网页上加载字体
、、、、
我正在本地开发一个网站，所以我在Windows 8上的WAMP服务器正在为页面提供服务。此站点将托管在安全服务器上，因此出于安全原因，我不能在源代码中使用fonts.google.com CDN。我想使用@font-face指令将字体嵌入到.css文件中，但是字体不能在任何浏览器中正确显示。如果我包括托管的CDN链接，字体将显示。我读过几篇关于这方面的文章，但没有一篇是我读到的，它回答了我的问题。下面是我的代码和我为解决这个问题所采取的步骤：
在main.css中定义
@font-face {
font-family: 'Open Sans', sans-serif;
浏览 8提问于2014-09-24得票数 0
回答已采纳
3回答
我得到了下面的html和css
在Firefox中，计算的字体大小为16.66667px
在Chrome中，计算的字体大小是13px
不用说，这两种尺寸有很大的不同，一种太小，无法阅读，另一种大小合适。我想解决这个问题的一种方法是将字体大小设置为16.67px，但为什么会出现这种情况。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
<style typ
浏览 2提问于2010-07-17得票数 3
回答已采纳
1回答
我对来自不同字体的符号有问题，不能在CorelDraw中呈现。我正在导出一个带有特定字体系列(UTF-8)的SVG文件，例如，从我目前正在开发的基于web的工具中导出Comic、MS、Arial等。
我希望用户能够插入特定字体的特殊字符，然后能够在CorelDraw中正确地呈现这些字符。
然而..。情况并非如此。只有一些字体有效，下面我会给你一个例子；
(由于声誉原因无法嵌入图像)
这就是它如何在CorelDraw中呈现字体家族Arial & Comic。
不过，当在浏览器中显示时，呈现效果很好。
有什么想法吗？
问候
浏览 3提问于2015-03-31得票数 0
回答已采纳
2回答
我正在尝试应用网页字体来改进我的页面。找到我想要的，并上传到我自己的服务器，托管我的项目。这是我的css：
@font-face {
font-family: 'urban';
src: url('/urban-sketch.ttf');
#div {font-family: urban;}
这个目录是热链接的，不是我在这里发布的快捷方式。没有显示，字体根本不加载。这让我觉得ttf本身可能出了问题。接下来我尝试了另一种字体，并应用了相同的代码，但它也不起作用。我搜索了近24小时，最常见的问题是目录。因此，我检查了很多次，以确保目录是正确的。我现在做的最后一件事
浏览 15提问于2014-10-23得票数 0
3回答
我正在使用以下CSS在网页上定义自定义字体：
@font-face
{
font-family:zapfino;
src:url("zapfino.ttf");
}
接下来，我将定义一个使用它的id：
#custom_font
{
font-family:zapfino;
font-size:18px;
}
我在Safari和Chrome上测试了这个页面，它工作得很好。然而，在firefox中，字体没有显示，而是恢复为默认字体。对不起，如果这是一个转帖，但我已经在StackOverflow上搜索，找不到答案！有人知道为什么会这样吗？请看这里: w
浏览 5提问于2012-03-30得票数 2
回答已采纳
1回答
我有一个用python3 gtk编写的程序，并且希望开始在CSS和HTML文件中使用一些字体。我看到方松鼠创建了四种不同类型的字体，并为它们创建了CSS。
现在我不确定，但我认为不同的字体类型只是为了跨浏览器兼容性？我不能上传编译后的文件，所以我只想使用字体文件的SVG格式。
我相信这方面的CSS应该是：
@font-face {
font-family: 'comfortaaregular';
src: url('font/comfortaa-regular-webfont.svg#comfortaaregular') format('
浏览 2提问于2014-01-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
