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] 删除。
编辑于
相关文章
TOP 榜单
- 1
Linux的官方Adobe Flash存储库是否已过时？
- 2
如何使用HttpClient的在使用SSL证书，无论多么“糟糕”是
- 3
错误：“ javac”未被识别为内部或外部命令，
- 4
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 5
Modbus Python施耐德PM5300
- 6
为什么Object.hashCode（）不遵循Java代码约定
- 7
如何检查字符串输入的格式
- 8
检查嵌套列表中的长度是否相同
- 9
错误TS2365：运算符'！=='无法应用于类型'“（”'和'“）”'
- 10
如何自动选择正确的键盘布局？-仅具有一个键盘布局
- 11
如何正确比较 scala.xml 节点？
- 12
在令牌内联程序集错误之前预期为 ')'
- 13
如何在JavaScript中获取数组的第n个元素？
- 14
如何将sklearn.naive_bayes与（多个）分类功能一起使用？
- 15
ValueError：尝试同时迭代两个列表时，解包的值太多（预期为 2）
- 16
如何监视应用程序而不是单个进程的CPU使用率？
- 17
解决类Koin的实例时出错
- 18
ES5的代理替代
- 19
有什么解决方案可以将android设备用作Cast Receiver？
- 20
VBA 自动化错误：-2147221080 (800401a8)
- 21
套接字无法检测到断开连接
我来说两句