如何为WordPress主题添加自定义字体?
为WordPress主题添加自定义字体,可以通过引入Google字体或将字体文件上传至主题目录的方法实现。然后在样式表中对字体进行引用和应用。
-
玖比肆 评论具体步骤如下:
1. 引入Google字体:在Google Fonts官网选择合适的字体,点击右上角的“select this font”按钮,然后选择适合的字体风格和字符集,最后复制生成的代码。打开主题目录中的“functions.php”文件,添加以下代码段:
```
function add_google_fonts() {
wp_enqueue_style('google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300', false);
}
add_action('wp_enqueue_scripts', 'add_google_fonts');
```其中,第二行代码中的“https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300”是从Google Fonts中复制的代码,Open+Sans是字体名称,数字是字体样式。
2. 上传自定义字体文件:将自定义字体文件(.ttf、.otf等)上传到主题目录中的“fonts”文件夹。然后在样式表(style.css)中添加如下代码段:
```
@font-face {
font-family: 'Custom font';
src: url('fonts/custom-font.ttf') format('truetype');
}
```其中,第二行代码中,“Custom font”是自定义字体名称,也可以自己定义;“url('fonts/custom-font.ttf')”是字体文件地址,根据实际路径进行修改。
3. 应用字体样式:为需要应用自定义字体的元素添加如下代码段:
```
font-family: 'Custom font', sans-serif;
```其中,“Custom font”是自定义字体名称,如果需要应用系统默认字体时,可以使用“sans-serif”或“serif”等。
以上就是为WordPress主题添加自定义字体的方法。
2023年 4月 25日 下午5:27
