使用渲染的本地字体而不是@import

时间:2019-07-18 13:20:55

标签: html css sass fonts font-face

我在其他国家/地区运行了多个工作网页,但汉城,韩国网页及其所使用的字体存在一些问题。

我要实现的目标
我想在韩国网页上应用'Nanum Gothic'(https://fonts.google.com/specimen/Nanum+Gothic)字体,但是被Malgun Gothic本地文件覆盖。

问题
Windows :当我在Windows上访问该网页时,它表明它呈现的是Malgun Gothic字体,但是在CSS上,它显示Nanum Gothic已与font-family结合使用:
enter image description here
enter image description here

下面,我将提供我当前拥有的所有代码参考:

variables.scss

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

// Korean font family based on local team request
$korean: $whitney, 'Nanum Gothic', sans-serif;

_base.scss

/**
 * Font family for Korean site
 */
html[lang="ko-KR"] body {
    font-family: $korean;
    @include headings {
        font-family: $korean;
    };
}

1 个答案:

答案 0 :(得分:0)

尝试在CSS文件中使用新的字体

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face