Wordpress 谷歌字体后备

Question

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

对于我的菜单，我使用龙虾，它看起来像这样：

.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，事实上如果你检查输出代码你可以看到龙虾没有加载。