css - 使用 Google 字体显示所有斜体文本的网站（Source Sans Pro）

Question

今天我在使用 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 重量，因为当删除字体时，字体呈现正常。

Answer 1

所以事实证明是我的电脑导致了这个问题（MacBook Pro，2014 年中运行 OSX Yosemite）。安装了最新的更新，字体在所有浏览器中都应该出现。