css - 网页不会呈现指定的字体

标签 css browser fonts

我的网页出现问题,因为浏览器一直在呈现自己的字体 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/

相关文章:

css - Webfont 大小和内存问题

html - 为什么字体没有显示在我的实时网站上?

google-chrome - 为什么 Chrome 比 Safari 更快,尽管它们都使用 Webkit?

javascript - 如何防止 CSS 背景图像在显示时移动?

javascript - 试图用 css 显示 :none; doesn't hide it 隐藏 Div 元素

IE6/7 中的 CSS 问题

iphone - 阿门 iPhone 测试版应用程序通过浏览器下载?

http - POST 请求是如何构造的?

html - 使用@font-face在网页中多次实现自定义字体

html - 在 div 上拉伸(stretch)图像背景或在 div 中拉伸(stretch)完整背景图像