【问题标题】:Website showing all italic text using Google font (Source Sans Pro)使用 Google 字体显示所有斜体文本的网站(Source Sans Pro)
【发布时间】: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


【解决方案1】:

事实证明是我的电脑导致了问题(MacBook Pro,2014 年中,运行 OSX Yosemite)。安装了最新的更新,字体在所有浏览器中都正常显示。

【讨论】:

    猜你喜欢
    • 2017-02-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-22
    • 2021-08-13
    • 2014-09-19
    • 1970-01-01
    • 1970-01-01
    • 2016-05-14
    相关资源
    最近更新 更多