css中的@ font-face声明不起作用
您好，感谢您的提问。
在这个问题中，您提到了CSS中的@font-face声明，这是一种CSS规则，用于从外部文件中加载自定义字体。如果您的@font-face声明没有起作用，可能是以下原因之一：
- 字体文件路径错误：请检查您的
src属性中的URL是否正确。 - 字体格式不受支持：请确保您的浏览器支持您所使用的字体格式。
- 跨域限制：如果您的字体文件位于另一个域名下，您可能需要在服务器上设置跨域资源共享（CORS）策略。
- 缓存问题：您的浏览器可能缓存了旧版本的CSS文件，导致更改没有生效。请尝试清除缓存并重新加载页面。
- 浏览器兼容性问题：请确保您的CSS代码兼容您正在使用的浏览器。
如果您仍然无法解决问题，请提供更多关于您的代码和项目设置的信息，以便我们能够更好地帮助您。
谢谢！
相关·内容
3回答
我使用的是一个网页字体，是声明在一个外部css文件中的@字体。字体服务的设置使得我可以获取外部css文件，然后在我的css中使用字体。我无法在我自己的@字体定义中获取字体文件本身。每次我在我的网站上使用网页字体时，我都会给它添加相同的两种样式定义。因此，我的字体用法总是如下所示： font-family: 'Knockou
浏览 4提问于2014-07-27得票数 3
回答已采纳
1回答
我有一个html/css页面的框架，它使用了一个带有otf的font-face声明。现在我想把它转换成像Verdana这样的普通字体。如何将Verdana赋值给font-face声明，避免对font-family声明进行大量替换？换句话说:如何使用font-face声明的字体名称作为字体变量？/fonts);
应该是这样的(在此表单中不
浏览 1提问于2013-09-16得票数 2
2回答
我在@font-face声明上遇到了问题，我希望有人能告诉我问题出在哪里。这是我的@font-face CSS：font-family: 'MuseoSlab500';font-weigh
浏览 0提问于2012-10-27得票数 1
7回答
我正在帮我姐姐把别人用flash为她做的一个网站转换成html。@font-face { src: url("http:/
浏览 0提问于2009-02-18得票数 2
回答已采纳
1回答
我已经构建了一个自定义的wordpress主题，它使用font-face进行排版。在localhost中运行时一切正常，但在将主题上传到实时站点后，font-face在FF中失败。在IE9中仍然可以正常工作有什么想法吗？
浏览 1提问于2011-08-13得票数 0
我无法在Internet Explorer8中获得在数据URI中使用base64编码的自定义字体。以下是我的fon-face css： font-family: 'myfont';
src: url('data:application/x-font-woff
浏览 0提问于2013-06-21得票数 2
CSS的解释，可疑地遗漏了“正常”属性。IE已将CSS转换为"font“的单行版本，但不包含”正常“部分。现在，字体"Lato“是font-face字体，font-face CSS在这里： font-family: Lato;
src: url('/media/fonts声明中为font-weight指定"norma
浏览 2提问于2013-02-15得票数 9
我从Google字体中加载了3个粗细的字体，我可以在Firefox和Chrome上正确显示3个粗细的文本，但它不能在Safari中工作：
Safari不支持font-face别名吗？
浏览 0提问于2020-04-02得票数 0
1回答
看起来mdi不是在web组件中工作，还是我错过了什么？ <style>@import url('https://cdn.materialdesignicons.com/4.9.95/css/materialdesignicons.min.
浏览 3提问于2020-03-03得票数 5
回答已采纳
通常，通过使用指向半粗体文件并具有font-weight: 700;的自定义@font-face声明来设置这一点非常容易。 当字体在免费许可下可用时，这是很好的，并且可以直接与网站一起托管。但是，Adobe Fonts在它为给定web项目提供的CSS文件中设置了自己的@font-face声明，对于半粗体，它使用标准的font-weight: 600;。)上找到的最接近的</
浏览 31提问于2021-08-09得票数 0
最近我遇到了一个问题，我的字体声明不起作用，我的自定义字体由于某些原因而默认使用。当我调查时，发现在字体声明之前有一个无效的字符。“v”停止字体面声明的工作，这是有意义的。：
我希望无效的'v‘字符什么也不做，对于注释(它的格式是正确的)来说，可以重置css的无效性，并允许第一个字体面正常工作，就像在第一个示例中，第一
浏览 7提问于2013-11-08得票数 0
回答已采纳
我尝试在scss文件中使用@font-face声明。 应用了正确的CSS规则，所以font-face声明看起来不错。路径也正在得到解决，所以这不是问题。而且，webpack不会抛出错误，所以看起来不像是任何类型的加载程序问题。但最终，浏览器仍然不会呈现该字体。(see image) 从Webpack 5开始，the documentation声明您可以在规则中声明"type：' asset &#x
浏览 33提问于2021-02-11得票数 2
回答已采纳
我目前正在使用防弹语法和字体转换的字体松鼠字体在www.runningwithpurpose.org.nz上(字体内联css在html工作)www.runningwith Purpose.org.nz/broken( css文件中的字体-不工作)。我尝试使用'smiley‘语法处理htaccess文件，但都不起作用。然而，我确实设法修复了它，只是将字体css内联到html文件中。这是可以的，但我想知道为什么我似乎无
浏览 0提问于2012-01-20得票数 0
回答已采纳
我想用很少的选择器来构建一个通用的排版样式表。因此，我更喜欢为不同的版本使用@media部分，而不是创建不同的文件，每个文件只有几行内容。我还想添加一些@font-face声明，但考虑到移动用户的带宽有限，我不希望强迫他们下载字体。
我可以将@font-face声明放在@media块中吗?或者它们必须都是顶级的吗？
浏览 4提问于2009-11-07得票数 3
回答已采纳
我试图添加新的字体到我的自定义magento主题，其中不包括在字体中。但它不起作用。 font-family: font-one;}
font-family: font-one;}
我把字体文件放在皮肤的<
浏览 5提问于2014-07-04得票数 2
回答已采纳
在包含的css文件中使用@font-face时有一个带有@font-face的css文件 src: url(sansation_bold.woff);}
并将字体添加到字体名称中<
浏览 6提问于2015-06-10得票数 0
1回答
我有一个在css中使用github 的登陆页面的演示，我有以下代码： font-family: "Open Sans";
src: url("Open_Sans/OpenSans-Light.ttfh1标签上写着：“我们是招聘界最受信任的品牌。”应该采用较轻的字体权重，但所发生的情况是，所有浏览器似乎都忽略了第一个font-face声明，因此不加载较轻版本的字体
浏览 3提问于2021-08-17得票数 0
回答已采纳
我用下面的代码给我的网站添加了一个字体： font-family: 'ChunkFive-Roman'; url('/css/font/ChunkFive-Roman.otf') format('op
浏览 3提问于2013-04-17得票数 0
回答已采纳
我的自定义字体在FF中没有被应用。这在Coda(我的开发应用程序)中是有效的。还有在Safari..。CSS： font-family: MyScriptFont;}@font-face当你在右边的顶部框中输入字母时，它应该是左边的</em
浏览 0提问于2012-05-24得票数 0
回答已采纳
5回答
为了让我的网站看起来不错，我需要使用自定义字体，特别是Thonburi-Bold。问题是，除非用户安装了字体，否则字体不会显示。它也不会在firefox中显示。
有没有解决这个问题的办法？
浏览 1提问于2012-11-27得票数 74
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
