Bootstrap上的HTML自定义字体不起作用
柠檬码
所以我一直在这个问题上很长时间了，发布了一个问题，但是由于我已经在使用bootstrap了，所以决定删除它。现在这是我尝试调试页面时的问题，我的main.css和bootstrap.css被加载，但是我的自定义字体没有.. im迷失了，为什么我的字体不被加载..这是示例代码..
main.css
@font-face {
font-family: 'Arvo';
url("../fonts/custom/Arvo-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
为boostrap.css-我已经在他们的网站上对其进行了自定义，以包括我的自定义字体
然后在我的index.html上
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/main.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
然后对于我的Chrome调试器，
我目前真的迷失了，因为它不会加载我的字体...而且我不知道如何，已经阅读了一些线程，但是它们都将我指向了上面的修改，而该修改不会加载我的字体
更新
史蒂芬·托马斯（Stephen Thomas）
您确定您有任何实际使用自定义字体的内容。从屏幕截图中可以看出，您使用的是sans serif系列作为基本字体系列，而该堆栈中的第一个字体是Helvetica Neue。如果您正在Mac或安装了Helvetica Neue的其他系统上进行测试，则浏览器将永远不会尝试在堆栈中加载第二种字体（这是您的自定义字体）。
更新：
您的语法错误。您需要设置src属性：
@font-face {
font-family: 'Arvo';
src: url("../fonts/custom/Arvo-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Bootstrap Popover指令逻辑在AngularJS自定义指令中不起作用
- 2
自定义字体在Heroku中不起作用
- 3
自定义字体在Android中不起作用
- 4
自定义CompositeCollection不起作用
- 5
iOS：自定义字体机器人粗体（不起作用）
- 6
自定义字体声明不起作用
- 7
使用的特定自定义字体在android应用程序中不起作用
- 8
自定义字体在Swift / Xcode中不起作用
- 9
Phonegap：自定义字体不起作用
- 10
C＃WinForms-使用自定义字体不起作用
- 11
Apache FOP | 自定义字体| 相对网址不起作用
- 12
如何使这种自定义字体起作用？
- 13
使用自定义字体时，UITextView属性文本不起作用
- 14
UINavigationBar上的自定义字体不起作用
- 15
自定义动画不起作用
- 16
自定义组件上的OverlayTrigger不起作用
- 17
用@ font-face添加自定义字体根本不起作用
- 18
CSS中指定的自定义字体在Android 4.4上不起作用
- 19
自定义EmailValidator不起作用
- 20
自定义命令不起作用
- 21
将TextView设置为带有xml属性和自定义字体的粗体字体（不起作用）
- 22
WordPress：自定义字体不起作用
- 23
将Appcompat库更新为23.4.0.1后，自定义字体不起作用
- 24
自定义标签不起作用
- 25
自定义 FeatureUnion 不起作用？
- 26
自定义 UICollectionViewFlowLayout 不起作用
- 27
自定义 Textview 字体不起作用
- 28
自定义表单不起作用
- 29
自定义 OpenType / TrueType 字体不起作用且难以调试
我来说两句