时间戳

首页 > 解决方案 > 为什么我最近下载的字体不起作用？

css - 为什么我最近下载的字体不起作用？

问题描述

我刚刚安装了一个名为Skyfont. 无法让它工作，我一直在声明它，@font-face并且 html 中没有应该阻止它的元素。这是CSS代码：

h1 {
    text-align: center;
    font-family: 'Skyfont Regular';
    color: #000000;
    font-size: 26pt;
    font-weight: bold;
    margin-top: 26px;
    right: 50%;
    text-decoration: none;
}

@font-face {
    font-family: 'Skyfont Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Skyfont Regular'), url(fonts/Skyfont-NonCommercial.otf) format('otf');
}

感谢我能得到的所有帮助:) 我

如果有什么我没有写的，请告诉我。

标签： cssfontsfont-facefont-family

解决方案

几个合理的解释：

  • 您忘记了src属性中 url 路径周围的引号
  • 你的目标是错误的路径。查看浏览器的开发者控制台，检查您是否成功请求字体文件。您可以通过按 Control+Shift+J（或 Mac 上的 Command+Option+J）Chrome或 Control+Shift+K（或 Mac 上的 Command+Option+K）来打开它。前往network窗口并重新加载页面。尝试找到字体文件的名称（根据您的应该是 Skyfont-NonCommercial.otf css）。您应该200会在它旁边看到一个状态，这意味着您的浏览器已成功获取该文件。如果不是，则意味着在给定地址找不到您的文件（有关其他 HTTP 状态代码，请参见此处）。
  • 您的.otf文件已损坏或文件扩展名错误

我希望这有帮助。

推荐阅读