html - 字体系列仅适用于 html 文件

Question

我加载了一个额外的字体样式。但是当我想使用这种字体样式时，它只能在 html 文件中使用，而不能在额外的 css 文件中使用。

[CSS]

    @font-face {
        font-family: sensation;
        src: url('./font/sansation_regular-webfont.eot');
        src: url('./font/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('./font/sansation_regular-webfont.woff2') format('woff2'),
             url('./font/sansation_regular-webfont.woff') format('woff'),
             url('./font/sansation_regular-webfont.ttf') format('truetype'),
             url('./font/sansation_regular-webfont.svg#sansation_regular-webfont') format('svg');
        font-weight: normal;
        font-style: normal;

    }   

当我在 css 文件中使用此部分时，无法在 css 文件或 html 文件中设置“font-Family”。

当我在 html 文件中使用此部分时... 它仅在 html 文件中有效？

怎么了？

Answer 1

您可能使用了错误的字体文件路径。 CSS 文件中使用的路径是相对于 CSS 文件的。

给定以下文件夹结构:

/index.html
    /css/style.css
    /js/script.js
    /font/font.eot
    /font/font.woff

您的 style.css 将使用 ../font/ 到达 index.html 将使用 font 的字体文件/ 访问字体文件。