郁金香媒体

创业想法

如何使用 @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;}

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

 

我最新的推文

Blooness 上的新短片 👉 活力、长寿、减肥:酮地中海饮食中蛋白质的终极指南已在 Blooness 上上线。 https://buff.ly/3xxNvpj
https://buff.ly/4cG2GM4

Blooness 新短片 👉 48 小时后新优质内容出炉,什么内容!这将是关于地中海酮饮食中蛋白质摄入量的最全面的指南。再见 !
https://buff.ly/3L2KbFP

装载更多

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

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

发表回复

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

zh_CNZH