Woff2 @字体-face无法正确加载
我在试图导入一个woff2字体文件以便在一个简单的测试网页中使用时遇到了困难。
下面是我如何组织和编码测试网页：
添加.woff文件
所有内容都位于一个名为“test”的文件夹中，@字体面板src引用了我想测试的本地.woff2字体文件。不幸的是，除非我使用.ttf字体文件，否则标题的字体不会显示正确的字体。
当我使用.ttf文件时，如下所示：
当我使用.woff2文件时，如下所示：
我觉得自己好像在某个地方犯了一个简单的格式化错误，但我似乎不知道自己哪里出了问题。任何帮助都是非常感谢的。
回答 3
Stack Overflow用户
发布于 2017-07-16 06:48:19
我终于找到了为什么字体不能工作！我已经下载了拉丁文扩展版本的字体，不能正确显示。我所要做的就是下载该字体的纯拉丁文版本，并按其应有的方式工作。
在看了limonte: https://stackoverflow.com/questions/28897237/font-rendering-in-chrome-woff2-after-load-font-family-doesnt-want-to-change?rq=1的这篇文章之后，我想下载这个字体的纯拉丁文版本。
Stack Overflow用户
发布于 2020-09-24 11:30:06
.woff2
第一步-步骤：
- 转到iis服务器，然后是“站点”。
- 双击要添加MIME类型的网站。
- 右键查找并单击"MIME类型“
- 在最右边的平底锅中，点击“添加”。
- 键入".woff2“中的”文件扩展名：“和"MIME类型：”中的“应用程序/字体-Woff2”
好了。刷新您的网站页面，这应该反映现在。
第二步：
将以下内容添加到web.config中。
<system.webServer>
<staticContent>
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>注意:如果已经存在，那么只需为woff2添加条目即可。否则添加整个标签。
Stack Overflow用户
发布于 2017-07-16 01:12:54
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}希望这能帮助您在做类似的事情时找到它(而不是因为发现它没有写)，但是我建议您尝试woff，而不是woff2，这取决于您的浏览器。
https://stackoverflow.com/questions/45124021
复制相似问题
腾讯云开发者
