立即注册  找回密码
 立即注册
CeraNetworksBGVM服务器主机交流会员请立即修改密码Sharktech防护
查看: 41|回复: 5

Wordpress全站如何使用自己ttf字体

[复制链接]

Wordpress全站如何使用自己ttf字体

[复制链接]

12

主题

48

回帖

322

积分

中级会员

积分
322
majianyu

12

主题

48

回帖

322

积分

中级会员

积分
322
2023-8-25 23:12:29 | 显示全部楼层 |阅读模式
如题,WP自带的2023主题里能更改的字体就那么几个,有些方法因为要修改header.php,而2023主题是区块主题没有.php文件,尝试搜Fonts尝试插件无效,所以来loc求助万能的mjj
回复

使用道具 举报

71

主题

2456

回帖

5949

积分

论坛元老

积分
5949
ftlh2005

71

主题

2456

回帖

5949

积分

论坛元老

积分
5949
2023-8-25 23:15:27 | 显示全部楼层
本帖最后由 ftlh2005 于 2023-8-25 23:17 编辑

字体传上去,再修改css文件,

1.在css里给字体文件引入

2.浏览器f12看下代码结构,找个级别高点的css样式名,设置该样式名的font-family属性为你要使用的字体
回复

使用道具 举报

18

主题

663

回帖

1754

积分

金牌会员

积分
1754
1tv

18

主题

663

回帖

1754

积分

金牌会员

积分
1754
2023-8-25 23:16:58 | 显示全部楼层
@font-face {
  font-family: 'YourFont';
  src: url('fonts/your-font.ttf') format('truetype');
  /* 可选:添加其他字体格式的URL,如woff、woff2等 */
  /* src: url('fonts/your-font.woff') format('woff'),
       url('fonts/your-font.woff2') format('woff2'); */
}

body {
  font-family: 'YourFont', sans-serif;
}


在上述代码中,将`your-font.ttf`替换为你上传的字体文件的实际文件名和路径。
回复

使用道具 举报

243

主题

681

回帖

2759

积分

金牌会员

积分
2759
BackDoor

243

主题

681

回帖

2759

积分

金牌会员

积分
2759
2023-8-25 23:17:33 | 显示全部楼层
下载插件比较方便。
回复

使用道具 举报

12

主题

48

回帖

322

积分

中级会员

积分
322
majianyu 楼主

12

主题

48

回帖

322

积分

中级会员

积分
322
2023-8-25 23:19:01 | 显示全部楼层

ftlh2005 发表于 2023-8-25 23:15

字体传上去,再修改css文件,

1.在css里给字体文件引入

好的我尝试一下。主要是想在wordpress的主题编辑界面直接使用


回复

使用道具 举报

12

主题

48

回帖

322

积分

中级会员

积分
322
majianyu 楼主

12

主题

48

回帖

322

积分

中级会员

积分
322
2023-8-25 23:15:00 | 显示全部楼层

BackDoor 发表于 2023-8-25 23:17

下载插件比较方便。

有插件推荐吗?谢谢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|小黑屋|HS2V主机综合交流论坛

GMT+8, 2024-11-22 19:54 , Processed in 0.064932 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表