Question

所以我在为google webfonts设置后备字体时遇到了麻烦。

对于我的菜单，我使用Lobster，如下所示：

.menu.main li {
font-family: 'Lobster Two',  cursive;
font-weight: 400;
font-size: 13pt;
float: left;
padding: 6px 25px 0px 25px;
list-style-type: none;
display: inline-block;
}

在许多移动设备上龙虾由于某种原因不会加载，所以我希望菜单是helvetica。我试过这个：

font-family: 'Lobster Two', Helvetica,  cursive;
font-family: 'Lobster Two', "Helvetica, cursive;
font-family: 'Lobster Two', 'Helvetica', cursive;

这些都不起作用。菜单现在只显示在Helvetica中。我做错了哪里？

这是我如何将字体输入wordpress：

 function load_fonts() {
        wp_register_style('googleFonts', 'http://fonts.googleapis.com/css?family=Lobster+Two|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');
        wp_enqueue_style( 'googleFonts');
    }

add_action('wp_print_styles', 'load_fonts');

Answer 1

font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

这可能是一个很好的后备堆栈（如果你不喜欢它，请删除neue。）

问题是“因为WordPress 3.3 wp_print_styles不应该用于排队样式或脚本”。

所以你需要使用 wp_enqueue_scripts ，事实上如果检查输出代码就可以看到没有加载龙虾。

Wordpress谷歌字体后备

1 个答案: