在css中添加字体系列后字体样式未更改
在CSS中添加字体系列后字体样式未更改的原因可能有以下几种情况：
- 字体文件路径错误：在CSS中添加字体系列时，需要确保字体文件的路径是正确的。如果路径错误，浏览器将无法找到字体文件，导致字体样式未更改。请检查字体文件的路径是否正确，并确保字体文件存在于指定路径中。
- 字体格式不支持：不同的浏览器支持的字体格式可能不同。常见的字体格式包括TrueType (.ttf)、OpenType (.otf)、Web Open Font Format (.woff)等。如果使用的字体格式不被浏览器支持，字体样式也无法更改。建议使用跨浏览器兼容的字体格式，如TrueType或OpenType。
- 字体名称错误：在CSS中添加字体系列时，需要使用正确的字体名称。如果字体名称错误或拼写错误，浏览器将无法识别该字体，导致字体样式未更改。请确保使用正确的字体名称，可以通过在操作系统或字体管理工具中查看已安装字体的名称。
- 字体加载失败：如果字体文件加载失败，字体样式也无法更改。可能的原因包括网络问题、服务器问题或字体文件本身损坏。建议检查网络连接是否正常，确保字体文件可访问，并尝试重新下载或替换字体文件。
如果以上情况都没有解决问题，可以尝试以下方法进行排查：
- 使用浏览器开发者工具（如Chrome的开发者工具）检查CSS样式是否正确应用到相应的元素上，确保没有其他样式覆盖了字体样式。
- 检查CSS代码中是否存在其他与字体相关的样式属性，如font-weight、font-style等，这些属性可能会影响字体样式的显示。
- 尝试在不同的浏览器中查看页面，以确定是否是特定浏览器的兼容性问题。
- 如果问题仍然存在，可以尝试使用其他字体文件或字体系列进行测试，以确定是否是字体文件本身的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云字体库：提供丰富的字体资源，可用于网页设计和开发。链接：https://cloud.tencent.com/product/font
- 腾讯云CDN加速：通过全球分布式加速节点，提供快速可靠的内容分发服务，加速字体文件的加载。链接：https://cloud.tencent.com/product/cdn
相关·内容
1回答
XNA -新安装的字体不工作？
c#、fonts、xna、spritefont
所以最近我在我的电脑上安装了一个新的字体(.ttf)，这样我就可以在我的XNA游戏中使用它了。这是正确的字体类型，我拼写正确，但XNA找不到它。你知道这是什么原因造成的吗？
这就是错误:找不到字体系列"Bloody“。请确保请求的字体已安装，并且是TrueType或OpenType字体。
但此字体已安装，拼写正确，并且是TrueType字体。
浏览 2提问于2013-05-16得票数 2
回答已采纳
3回答
CSS字体-族属性IDE (PHPStorm)警告
css、fonts、phpstorm
我使用的是PHPStorm 8.0.3，在我的CSS文件中，我收到了关于font-family规则的警告。
此检查将验证CSS字体族属性是否包含一个通用字体名称，作为备用选项。
我添加的字体如下：
.my_text {
font-family: 'DINPro-Medium';
}
@font-face {
font-family: 'DINPro-Medium';
src: url(font/DINPro-Medium.eot);
src: url(font/DINPro-Medium.eot?#iefix) form
浏览 4提问于2015-07-13得票数 31
回答已采纳
7回答
FontAwesome不能作为字体系列使用？
css、font-face、font-awesome
这无疑是我在做一些非常愚蠢的事情，但我看不出来。我试着在我的css中使用FontAwesome作为一个字体系列，但它似乎不起作用。
用最少的代码，我有：
<head>
<link href="assets/css/font-awesome.css" rel="stylesheet">
<style>
body {
font-family: FontAwesome;
}
</style>
</head>
<body>
浏览 0提问于2013-02-05得票数 8
2回答
内联CSS问题
html、css
我试图让我的CSS内联，但这给我带来了一些问题。我使用的是非常棒的字体，而且我有：
@font-face {
font-family: 'FontAwesome';
src: url('font/fontawesome-webfont.eot');
src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('wof
浏览 1提问于2013-05-30得票数 0
1回答
使用CSS3字体脸的正确方法是什么？
css、font-face
有人能帮我理解一下使用CSS3字体的正确方法吗？下面是一些字体声明，哪一个是正确的，为什么？
/* START OF SAMPLE CODE # 1 */
@font-face {
font-family: 'WebFont';
src: url('webfont.eot');
src: url('webfont.eot?#iefix') format('embedded-opentype'),
url('webfont.woff') format('woff
浏览 1提问于2013-09-25得票数 2
2回答
是否应该将TrueType和OpenType字体转换为WOFF以便在web上使用？
fonts、w3c、truetype、opentype、woff
我知道在web上直接使用TrueType字体和OpenType字体有很多种方法。然而，我一直找不到一个规范的参考，表明这些文件应该如何服务。我在确定他们正确的MIME类型时遇到了特别的困难，并请求帮助确定这一点。
我偶然发现了的W3C规范，其中包含一个。该规范规定，“任何经过适当许可的TrueType/OpenType/Open Font格式文件都可以打包成WOFF格式，以供Web使用。”
因为我找不到关于如何处理TrueType和OpenType字体文件的规范来源，所以我假设将该文件转换为WOFF格式可能是最佳实践。真的是这样吗？
如果不是，什么时候应该使用WOFF文件，什么时候更适合使用相
浏览 3提问于2012-09-30得票数 1
1回答
字体面板不能在Firefox或IE中工作
css、html、font-face
我不太明白发生了什么事。
我正在使用字体松鼠的@ Face，它在火狐和IE中不起作用，但它在Chrome和Android浏览器中工作得很好，我还没有尝试过Safari。这些包应该是无缝工作的，这就是它们的全部意义，但这不是。
这是我的密码
<link rel="stylesheet" href="https://dl.dropbox.com/u/70582811/Fonts/Orotund-fontfacekit/Orotund.css" type="text/css"/>
和
p{
font-family: OrotundHeavy
浏览 0提问于2012-06-03得票数 1
2回答
无法在rails应用程序中使用@font-face
ruby-on-rails、css、font-face
我应该存储字体的位置有没有一个默认的位置？在rails中，我无法获得要加载的字体，而从fontsquirrel.com下载的“字体工具包”中，字体、css和示例html可以在同一文件夹中工作。
这是我的css
@font-face {
font-family: 'RalewayThin';
src: url('fonts/raleway_thin.eot');
src: url('fonts/raleway_thin.ttf') format('truetype');
}
字体文件夹在/public中
浏览 0提问于2010-04-29得票数 1
回答已采纳
2回答
使用下载的字体而不连接互联网
css、fonts
是否可以在本地网页(XAMPP)上使用下载的字体而不连接互联网？我需要这个来看字体，因为有些人可能负担不起互联网连接，他们只使用电脑来工作。
这是web字体：
我没有运气就试过了：
提前谢谢！
编辑
我认为存储文件的地方是问题所在，因为我有这个.css，没有工作。我所有文件的位置都是/opt/lammp/htdocs
@font-face {
font-family: 'DidactGothicMedium';
src: url('didactgothic.eot');
src: url('didactgothic.eot'
浏览 3提问于2013-10-15得票数 0
7回答
OpenType字体“无法包含字体定义文件”
php、fonts、tcpdf、opentype
我是一个网页程序员，没有深入的字体知识，并正在努力使TCPDF包括我们的定制OpenType字体。我们已经购买了OpenType字体文件(.oft)，它不受任何形式的DRM保护。
很多关于这个错误信息的问题最终都得到了同样的建议。我已经为TCPDF (755)使用的文件夹设置了正确的文件权限，并且使用addTTFfont()包括.ttf TrueType字体没有问题，如下所示：
$pdf->addTTFfont('/path-to-font/DejaVuSans.ttf', 'TrueTypeUnicode', '', 32);
因此，我编
浏览 17提问于2013-10-15得票数 16
回答已采纳
1回答
如果@font-face中列出了多个源，是否所有源都加载到客户端？
css、font-face
我正在寻求优化我的网站的速度，并想知道浏览器只会加载他们需要的文件从以下代码或所有字体文件：
@font-face {
font-family: 'Proxima Nova';
src: url('proximanova-regitalic-webfont.eot');
src: url('proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('proximanova-regitali
浏览 0提问于2012-11-28得票数 29
回答已采纳
4回答
@fontface FireFox(10)将文本渲染得非常粗体
firefox、font-face
我用@ font -face在css中实现了一个字体，当加载到Safari中时，它看起来更胖了。有人知道这是什么原因吗？
@font-face {
font-family: 'SerifaBold';
src: url('/css/serifbol-webfont.eot');
src: url('/css/serifbol-webfont.eot?#iefix') format('embedded-opentype'),
url('/css/serifbol-webfont.wo
浏览 1提问于2012-03-14得票数 3
2回答
Rails 4-自定义字体
ruby-on-rails、fonts、font-face
目前，我试图在Rails 4应用程序中添加自定义字体。
我在assets/fonts中添加了我所有的字体
我将config.assets.paths << Rails.root.join("app", "assets", "fonts")添加到config/application.rb中
我在我的style.css中添加了脚本
@font-face {
font-family: 'oxygenregular';
src: url(font-path('oxygen
浏览 1提问于2014-07-14得票数 3
2回答
字体名称中的法律字符是什么？
fonts、truetype、opentype、woff
当“使用”字体名称时，我需要预期哪些字符?在“生成”字体名称时，我应该避免使用哪些字符？不同的操作系统、传统的桌面应用程序、移动或网络应用程序(->CSS)和不同的字体格式(如OpenType、TrueType、WOFF、PostScript、SVG等)之间是否有区别？
浏览 3提问于2015-08-09得票数 10
回答已采纳
2回答
@fontface找不到字体
css、fonts、font-face
我正在尝试使用Entyo字体，但是我无法让它工作。我改变了整个网站的字体，可以注意到一个明显的暂停时，页面正在加载，搜索，但找不到字体？
我的CSS：
@font-face {
font-family: 'EntypoRegular';
src: url('fonts/entypo-webfont.eot');
src: url('fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/entypo-webfont.woff'
浏览 1提问于2013-07-14得票数 0
回答已采纳
1回答
@字体-face不在firefox上工作
firefox、css、font-face
我搜索了每个地方，原因是字体面板在firefox中不能正常工作。我找到了几个不同的答案，但似乎没有一个能解决问题。如果有人能给我一些提示，那就太好了。
CSS代码：
@font-face
{
font-family:Viking-Normal;
src: url('../fonts/VIKING.eot') format("opentype"), url('../fonts/VIKING.ttf') format("truetype");
}
div#header
{
font-family:Viking
浏览 4提问于2012-07-25得票数 1
1回答
CSS中的一般绝对/相对URL
html、css、macos、fonts
这是一个相当普遍的问题，然而，我在这里和其他地方读到了许多相互矛盾的陈述，所以我正在寻找一些更有说服力的东西。
当我的客户发现他们的网站上没有加载字体时，问题就开始了。现在，这种字体在PC上加载很好，但是没有在任何Mac浏览器上加载。此外，这个字体是1/4字体，我正在加载在页面上。所以这就是自我让我困惑。
但无论如何，我的问题是围绕这个问题。为了使我的CSS更加严格，以确定这是否是原因(尽管如前所述，所有其他字体面正确加载)，我已经修改了我的字体文件的路径。我的第一个改变是文件夹的大写化，从字体到字体，希望这能克服Mac浏览器可能存在的任何怪癖。其次，我研究了文件的位置(这与我下面的第二个例子
浏览 1提问于2014-02-03得票数 0
回答已采纳
2回答
网站上的嵌入字体无法在IE或Chrome中显示
css、wordpress、google-chrome、internet-explorer-9、font-face
我在CSS中为我正在构建的基于wordpress的网站设置了以下字体，字体在FF中显示良好，但在IE(9)或Chrome(最新)中根本不显示。
/* =Typography
-------------------------------------------------------------- */
@font-face {
font-family: 'Humanist';
src: url('fonts/humanist521lightbt-webfont.eot');
src: url('fonts
浏览 2提问于2013-05-15得票数 1
回答已采纳
1回答
@具有嵌入式字体的字体不起作用
css、fonts、font-face
我有一个网站：，在那里我尝试使用字体"Century Gothic"。
这种字体不存在于我的计算机上的"Installed fonts"中，我想通过@font-face将这个字体嵌入到css中。
我已经在生成了一些字体文件和css，但是我仍然有问题。我看不到"Century Gothic"字体在IE9，FF4浏览器中。
CSS：
@font-face {
font-family: 'CenturyGothicRegular';
src: url('gothic-webfont.eot');
浏览 1提问于2011-06-04得票数 5
1回答
在Safari或移动浏览器中不呈现字体
css、wordpress、browser、fonts、safari
在Safari和移动浏览器中我的自定义MyFonts字体渲染有问题。Chrome和Firefox都不错。 字体文件和MyFontsWebfontsKit.css文件位于正确的位置，文件在主样式表中被正确调用。字体文件包括.eot .woff。woff2 .ttf .svg. 网址：http://geltor.com 在我的Mac上，Chrome和Safari显示了正确的字体，但Safari和所有移动浏览器默认使用sans-serif备份。我将感谢任何关于获得正确的布拉斯利字体显示每个人的指点。谢谢! MyFontsWebfontsKit.css： @import url("//hel
浏览 55提问于2019-04-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
