css - 在 Wordpress 中使用谷歌字体

我正在尝试将 Google 字体添加到 Wordpress Cyberchimps 响应式主题。

我尝试在标题中嵌入字体链接，但它不会更新以使用它。

如何使用自定义字体？

最佳答案

要在您的网站中使用 google 字体，您只需在页面的头部放置一个链接(类似于添加 css 文件的方式)。像这样:-

<link href='https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>

然后像这样在你的 css 中访问它:-

.im-fell-dw-pica-font{
    font-family: 'IM Fell DW Pica', sans-serif; 
}

此处 'IM Fell DW Pica' 是所需的谷歌字体。(请注意，sans-serif 是在我们所需的字体'IM Fell DW Pica' 之后定义的。这样做是为了让浏览器加载sans-serif 字体，如果我们的谷歌字体由于某种原因没有加载。)

您现在可以像这样将此类应用于您想要的元素:-

<div class="im-fell-dw-pica-font">Some random text</div>

关于css - 在 Wordpress 中使用谷歌字体，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39997402/

相关文章：

iphone - CSS 媒体查询 n00b，如何正确指定元素高度？