Chrome字体始终待定

Posted 2021-04-05

我有这个奇怪的事情突然我的应用程序的字体总是在'待定'，即使我从该位置删除字体。

最大的问题是我使用的是browserSync，所以当我更改某些内容时，页面会被重新加载，但由于字体请求仍处于活动状态。在完成之前它不会加载它。所以我得到一个空页

在Firefox / IE上，这不是问题。

我尝试回收我的IIS，重新启动我的电脑，切换应用程序池，......都没有结果

Chrome：版本53.0.2767.5 dev-m（64位）

答案

我不知道你的情况有什么问题，但是，我将展示如何加载字体，希望这有帮助。

第一：拥有你想要使用的字体，如果你没有，谷歌字体是一个很棒的地方看，下载一些字体。

第二步：转到here is the website (fontsquirrel)并转到生成器，标记选项专家对您的下载进行一些更改，标记两个选项：EOT Lite和SVG部分：字体格式：，向下，并标记选项协议：，然后下载你的字体。

第三：等待几秒钟后，当你的字体准备就绪时，在一个文件中提取内容，它将是这样的：

• Specimen_files
• stylesheet.css中
• 发电机组配置
• 字体 - 您 - download.eot
• 字体 - 您 - download.woff
• 字体 - 您 - download.woff2
• 演示以html格式下载的字体
• 字体 - 您 - download.svg
• 您下载的字体（您在设备中安装的字体）

现在，删除此文件，如果需要，

• 发电机配置
• specimen_files
• 演示您在HTML中下载的字体

五：在项目中复制并粘贴包含你在font-squirrel中下载的所有文件的文件，

在Stylesheet.css中，它看起来或多或少是这样的：

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('opensans-lightitalic-webfont.eot');
    src: url('opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-lightitalic-webfont.woff2') format('woff2'),
         url('opensans-lightitalic-webfont.woff') format('woff'),
         url('opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

六：这里以我的存档示例文件的地图来更加理解：

-Project-2017 -----字体 ----------包含所有文件的文件（你从中获取了一些文件） ----- Imgs ----------网站的所有图片 ----- Js ---------- js.js -----样式 ---------- Styles.css -----的index.html

七：放置您的字体文件的位置，如下面的地图上面的代码：

@font-face {
font-family: 'open_sanslight_italic';
src: url('../fonts/opensans-light/opensans-lightitalic-webfont.eot');
src: url('../fonts/opensans-light/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/opensans-light/opensans-lightitalic-webfont.woff2') format('woff2'),
     url('../fonts/opensans-light/opensans-lightitalic-webfont.woff') format('woff'),
     url('../fonts/opensans-light/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
font-weight: normal;
font-style: normal;

}

现在说明网址：

（{“../”}去这个结构:)，

-----字体 ----------包含所有文件的文件（你从中获取了一些文件） ----- Imgs ----------网站的所有图片 ----- Js ---------- js.js -----样式 ---------- Styles.css -----的index.html

（{“fonts”}去你的字体文件），

（{“opensans-light”}它是我为该示例下载的文件，其中包含您在font-squirrel中下载的所有文件）;

此时你已经安装了字体，但后来你问我：我如何将她放入HTML？，你有2个选项可以使用这个字体，一个是在我的例子中复制font-familly行：

font-family: 'open_sanslight_italic';

在课堂上设置如下：

.opn-itc{
 font-family: 'open_sanslight_italic';
}

**Or**

body{
 font-family: 'open_sanslight_italic';
}

在完成本教程之后，您已成功选择字体，修改字体，放入css并调用类似于放入任何地方的类。

对不起，如果这个教程有点长或复杂，起初我还以为狗吸吮漫画，但只是重复这个过程几次而你开始没有想到，在自动模式下，如果你需要帮助给我打电话。