Question

我有这个奇怪的事情突然我的应用程序的字体总是在等待＆＃39;即使我从该位置删除字体。

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

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

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

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

Answer 1

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

首先：有你想要使用的字体，如果你没有，google字体是查看和下载某些字体的绝佳地方。

第二次：转到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;

}

六：这里的示例档案文件地图更加了解：

- 项目-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;

}

现在说明了网址：

（{＆＃34; ../"}去这个结构：），

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

（{＆＃34; fonts＆＃34;}去你的字体文件），

（{＆＃34; opensans-light＆＃34;}这是我为该示例下载的文件，其中包含您在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并调用类似于放入任何地方的类。

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

Chrome字体始终待定

1 个答案: