Question

我想在本地网站上嵌入字体。这就是我添加到CSS文件中的内容。

@font-face {
  font-family: "SpecialFont";
  src: url("fonts/SpecialFont.ttf");
}

.newfont {
font-family: "SpecialFont", Arial, sans-serif;
}

如果我在页面上执行类似操作，则字体将更改为Times New Roman。

<div class="newfont">This text should be in SpecialFont.</div>

是否无法在本地网站上嵌入字体？还是我做错了什么？它至少需要在Firefox和IE11中运行。

Answer 1

您需要将字体转换为Web，使用Font Squirrel，它将生成所有字体和CSS文件：https://www.fontsquirrel.com/tools/webfont-generator

Answer 2

您可以定义不同的字体类型，以对不支持最新文件的旧版浏览器进行回退。我做了这样的字体声明以涵盖旧的浏览器支持（当然，请确保您具有所有需要的文件）。

@font-face {
    font-family: "fontname";
    src: url("/folder/font.eot");
    src: url("/folder/font.eot?#iefix") format("embedded-opentype"),
    url("/folder/font.woff") format("woff"),
    url("/IS_MyQuantosTheme/font.svg#font") format("svg");
}

是否可以在本地网站上嵌入字体？

2 个答案: