Question

我正在尝试使用我的谷歌字体api并使其成为本地但我遇到了问题。我目前正在使用此

@import url('https://fonts.googleapis.com/css?family=Open+Sans')

我一直在研究并发现我可以使用＆＃34; Font-face＆＃34;下载了＆＃34; .ttf＆＃34;文件。所以我尝试使用ttf文件，但它根本不工作。我试着将它转换为＆＃34; woff＆＃34;但仍然没有运气。这是我的代码

@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans_Regular/OpenSans-Regular.ttf) format("truetype");
}

#ok{

    font-family: opensans;
}

Answer 1

您的路径可能有误，请记住它是.css文件中的路径。

尝试查看导航器的控制台是否存在错误。

此外，您可能需要精确缩进字体并将字体系列名称放在括号中，例如

font-family: "opensans", sans-serif;

此外，您还需要包含多种字体格式以确保浏览器兼容性。更多信息，请@font-face

根据您的项目要求，您可以使用Google字体提供的选项，并将其包含在您的CSS中

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

#ok {
    font-family: 'Open Sans', sans-serif;
 }

True Type字体（ttf）在css中不起作用

1 个答案: