【发布时间】:2015-06-16 08:00:14
【问题描述】:
今天我在使用 Google 网络字体“Source Sans Pro”时遇到了一个奇怪的问题。由于某种原因,我网站上的所有文字突然变成了斜体。
这发生在 Safari、Chrome 和 Firefox 中。
当我将字体更改为另一种字体(例如“Open Sans”)时,斜体全部变回常规字体。同样,当我刚刚删除字体并退回到引导默认值时。
我已经设法通过添加 'font-weight:300;' 来纠正它或 700 到我的正文和标题标签,但如果我将其更改为 400,我会再次得到斜体!我真的不确定为什么会发生这种情况?
Wordpress functions.php 中添加的字体如下:
// Load Google Fonts
function load_fonts() {
wp_register_style('mat-googleFonts', 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
wp_enqueue_style( 'mat-googleFonts');
}
add_action('wp_print_styles', 'load_fonts');
这似乎是 400 的重量导致了问题,因为删除字体后呈现正常。
【问题讨论】:
-
您是链接到字体 CDN 还是定义自己的 @font-face?
-
你能做一个小提琴或sn-p吗?尝试重现问题。
-
可能是从另一种风格继承而来的?你能展示一些CSS吗?也许尝试在样式表中搜索“斜体”,看看你在哪里。
-
另外 - 有些版本的 open sans 纯斜体...所以请确保您请求的版本正确。
-
@Ben 请不要以 cmets 的形式添加新信息,将它们放在您的问题中,这样人们就可以拥有所有信息而无需拖拉长评论线程。话虽如此,您的 CSS 馅饼并没有显示您在
Source Sans Pro中的加载方式,这是这里缺少的关键部分。
标签: css fonts google-webfonts italic