如何使用 @fontface CSS3 将自定义字体添加到 WordPress 主题

在 WordPress 主题中声明自定义字体对于个性化它并使其适应您的图形章程非常有用。然而,有时您梦想的字体在您的主题选项、Google Fonts 或 TypeKit 中都找不到。

在这种情况下,您将不得不稍微调整主题以添加您想要的字体。但不要惊慌,我会解释如何做!

下载字体

首先,您必须拥有字体,可以从字体网站(例如 达丰特 例如,或者通过您自己的方式。

不要错过通过电子邮件发送的商业建议

没有垃圾邮件,只有新内容发布时的电子邮件.

谨防版权,您必须尊重版权。如有需要,请毫不犹豫地购买字体。您只需付钱给那些为它工作的人,这样您就可以享受它!

TTF和OTF格式目前被广泛使用,并且与大多数浏览器兼容。但是,如果您需要将字体转换为其他格式,请转到 松鼠字体.

 

将字体上传到您的服务器

通过 FTP 将字体上传到主题(最好是子主题)中的“字体”文件夹。

 

在 CSS 中声明新字体

如果您将字体上传到子主题的“fonts”文件夹中,则转到子主题的 CSS 文件,否则在父主题的 CSS 文件中,或者在主题的设置中(如果它允许您通过以下方式自定义 CSS) WordPress 后台。操作方法如下:

@font-face { 字体系列:myfont; src: url("fonts/mappolice.otf"); src: url(fonts/mappolice.ttf) 格式('truetype');字体粗细:正常; }

通过 CSS 使用新字体

要使用新声明的新字体,没有比这更简单的了,您只需告诉 CSS 文件您要将字体分配给哪种格式:

 

p,span {字体系列:mapolice,Open Sans,Arial,无衬线!重要;} h1,h2,h3,h4,h5,h6 {字体系列:mapolice,Open Sans,Arial,无衬线!重要;} ;} div {字体系列:mapolice、Open Sans、Arial、sans-serif !important;}

好了,如果这篇文章对您有帮助,请随时在社交网络上分享😉

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

不要错过通过电子邮件发送的商业建议

没有垃圾邮件,只有新内容发布时的电子邮件.

zh_CNZH