您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Google Webfont与本地字体冲突

Google Webfont与本地字体冲突

您可以编辑CSS @font-face规则以适合您的需求,而不仅仅是从Google加载自动生成的CSS 规则。基本上,问题在于他们的规则更喜欢本地版本(src: local('Oswald Bold'), local('Oswald-Bold'), ...)。校正后的版本看起来像:

@font-face {
  font-family: 'WebOswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

只需手动将其添加到CSS中,并font-family: 'WebOswald';在您想要使用Google的Web版本字体时使用即可。

希望对您有所帮助!

Go 2022/1/1 18:18:24 有357人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶