本站同款字体修改

ming 已认证 站长 2023-1-16

911 0

预览:

大写字母:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

小写字母:a b c d e f g h i j k l m n o p q r s t u v w x y z

英文单词: Love Like Miss  love like miss  LOVE LIKE MISS

中文语段:如果你爱他,就跟他做爱,爱不是靠嘴巴说出来的。

 

教程:

第一步:下载字体

下载自己喜欢的字体,字体格式为.ttf,这里推荐一个字体网站非常的不错:
http://www.zhaozi.cn/s/all/ttf/

第二步:转换字体

将下载好的字体转换成.eot .woff .woff2三种格式,文件名可以是任意英文,没有特殊要求,可以根据自己的喜好命名(不要设置为中文就可以了)。这里推荐一个在线转化的网站:https://www.fontke.com/tool/convfont/

第三步:上传字体

将转换好的.eot .woff .woff2三种格式字体上传到自己网站任何位置,只要和后面的代码路径一致就可以了。

第四步:调用代码

打开plugin/zaesky_theme_xiunoo/view/css/zaesky-theme-xiunoo.min.css文件(不同程序命名可能不一样,请自行查找,本教程为XIUNOO主题),在最下面(位置没有固定要求)放入以下代码

@font-face {
  font-family: "rem (字体名字可自行修改)";
  src: url(https://rem.cc/zt/rem.woff2(根据自己的字体路径修改)) format("woff2"),
       url(https://rem.cc/zt/rem.woff(根据自己的字体路径修改)) format("woff"),
       url(https://rem.cc/zt/rem.ttf(根据自己的字体路径修改)) format("truetype"),
       url(https://rem.cc/zt/rem.eot(根据自己的字体路径修改)) format("embedded-opentype"),
       url(https://rem.cc/zt/rem.svg(根据自己的字体路径修改)) format("svg");
}
Markup

然后继续在.css文件里添加以下代码

body {    
    font-family: rem(名称和上面字体名称一致)!important;    
}
Markup

如果CSS文件本身就有body {的话就把font-family: rem(名称和上面字体名称一致)!important;添加到原有的body {里面。

第五步:修改全站默认字体

打开plugin/zaesky_theme_xiunoo/view/css/bootstrap-bbs.css文件

html, body{
	font-family: rem 你的字体,下载首选位置,"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
}
Markup

温馨提示

字体的名字请取纯英文的,然后代码中中文解释连同前后括号部分删除如(字体名字可自行修改)

 

  0分
──── 0人觉得很赞 ────



看过的人 (5)
  • danjipai
  • 游客
  • 匿名
  • !默写
  • ming
最新回复 (0)
    • 吴起吧
      2
        登录 注册 一键QQ登录
返回

评论