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/来获取字体文件的字体文件。

字体系列仅适用于html文件

1 个答案: