我向社区询问是否有人在他们的网站上嵌入字体时遇到任何问题并且结果会变得很糟糕?在与特定浏览器无关的所有最新浏览器中都是如此…
尝试添加某些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 /样式表.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。