Use Google Fonts and unicodes

时间:2016-10-11 作者:Grégoire Llorca

我在我的网站上使用“Alegreya”。这是我的功能。php:

add_action( \'wp_enqueue_scripts\', \'enqueue_fonts\' );
function enqueue_fonts() {
    wp_register_style(\'googleFonts\', \'http://fonts.googleapis.com/css?family=Alegreya+Sans:300i,400,400i,500,700&subset=latin-ext\');
    wp_enqueue_style( \'googleFonts\');
}
在我的网站上,段落和文本如预期的那样使用了Alegreya。但是,我想在:after元素上使用右箭头图标。

当我在电脑上下载字体时,它可以作为unicode“u2192”下的字符使用(我在Illustrator中检查)。

因此,在我的CSS中,我将:

.cta:after{
    content: "\\2192";
    color: #fff;
    font-weight: lighter;
}
然而,显示的图标是“Arial”图标,而不是“Alegreya”,这要好得多。

如何在CSS中使用Google字体unicode字符?

谢谢你的帮助。当做

1 个回复
SO网友:cowgill

这对我有用。尝试设置font-family 也在那个街区内。

.cta:after{
  content: "\\2192";
  color: #fff;
  font-weight: lighter;
  font-family: \'Alegreya\', serif;
}