css – 字体无法正确渲染/显示?

发布时间:2020-09-15 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了css – 字体无法正确渲染/显示?编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我向社区询问是否有人在他们的网站上嵌入字体时遇到任何问题并且结果会变得很糟糕?在与特定浏览器无关的所有最新浏览器中都是如此…

尝试添加某些css规则来改变字体的重量,样式,平滑度等,但似乎没有任何方式影响字体,任何想法?

您会注意到字母’A’不是应该的,但正确的字体类型加载没有问题.

字体可以找到here

截图

嵌入式字体CSS

@font-face {
    font-family: 'Linotte Semi Bold';
    src: url('/fonts/linotte-semi-bold.eot');
    src: url('/fonts/linotte-semi-bold.eot?#iefix') format('embedded-opentype'),url('/fonts/linotte-semi-bold.woff2') format('woff2'),url('/fonts/linotte-semi-bold.woff') format('woff'),url('/fonts/linotte-semi-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

解决方法

在我们发言时,我刚收到MyFonts的确认,根据所使用的字体,有时字体配置略有不同,下载webfont套件时可能需要对Hinting设置进行一些调整.

以下步骤修复了有关字母“A”的问题,现在可以按预期正确显示:

您可能想尝试下载配置为使用不同提示设置的webfont工具包.

只需登录您的MyFonts订单历史记录:https://www.myfonts.com/my/orders/kitbuild.html

选择您要使用的webfont.

在“Hinting”子标题下,选择“Smooth”,“Native”或“None”(默认为Best).可能需要几次尝试,具体取决于字体及其使用方式.

默认情况下,自定义Webfont Kit Builder将选择CSS脚本.如果您更喜欢使用JS,只需在页面底部更改此选项即可.

下载新工具包并替换服务器中的现有webfonts /样式表.

总结

以上是编程之家为你收集整理的css – 字体无法正确渲染/显示?全部内容,希望文章能够帮你解决css – 字体无法正确渲染/显示?所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478