wordpress按需加载css文件(用CSS的方式给wordpress添加自定义字体)
喜欢我们的文章请关注我们哦!
以下是如何将自定义字体添加到 WordPress,手动添加。
如何手动将字体添加到 WordPress如果您不想使用插件让 WordPress 增加负担,您可以手动将字体添加到您的网站上。您必须将字体上传到您的网站主机并编辑主题的 CSS 文件。
将您要使用的字体下载到您的本地并解压缩得到字体文件。
上传字体将您的字体文件上传到wp-content/fonts目录。如果您还没有字体文件夹,请创建一个单独的fonts字体文件夹。您可以使用FTP或Cpanel面板的文件管理器之类的客户端来上传。在我们的示例中,我们使用wordpress插件文件管理器上传.ttf字体,如下。
写入CSS
前往 WordPress 管理后台。然后,转到外观->主题文件编辑器。编辑主题的style.css文件。或者,转到外观->自定义->额外CSS,添加以下代码。
@font-face { font-family: zhao;
src: url(https://www.yousite.com/wp-content/fonts/erasmd.ttf); font-weight: normal; }
@font-face { font-family: zhaodemi;
src: url(https://www.yousite.com/wp-content/fonts/erasdemi.ttf); font-weight: normal; }
p { font-family: "zhao", Arial, sans-serif; }
h1,h2,h3,h4,h5,h6,ul { font-family: "zhaodemi", Arial, sans-serif; }
以上示例设置了2种字体应用在不同标签上,请按需要调整。注意:请修改www.yousite.com为你的域名,请注意字体名称和文件路径对应上你上传的。
记得保存一切修改。
更多Wordpress外贸建站教程请看WordPress外贸建站知识库 - 美络云MLoun
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com