我的网页出现问题,因为浏览器一直在呈现自己的字体 Open Sans, 以下是 chrome 检查器显示的内容:
font-family: 'Open Sans', 'sans-serif';
浏览器不断渲染自己的字体 Open Sans,下面是 chrome 检查器显示的内容。我在外部样式表中指定渲染 Roboto:
body {
height:100%;
margin: 0;
font-family: 'Roboto', sans-serif;
background-color: #FFF;
}
我正在按照 google 字体文档的要求导入字体
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
检查页面是否静止:
font-family: 'Open Sans', 'sans-serif';
在不同的浏览器中出现相同的问题。我已经清除了缓存,尝试了不同的字体,例如“Arial”,尝试了不同的浏览器。
最佳答案
欢迎来到堆栈溢出
你应该尝试将 Roboto 字体的 @import
放在你的 CSS 文件中
并从您的 HTML 中删除链接版本 _
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
希望这能解决你的问题
关于css - 网页不会呈现指定的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57502931/