8 0 0

XIUNO字体全局更换教程

修罗学院
2021-09-24 18:17 2466 8

预览:

大写字母: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");
}

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

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

如果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;
}

温馨提示

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

特别说明

本站参考:热猫网

下载地址:点我下载

最新回复 (8)
  • Licong 2021-09-30 06:41
    0 引用 2

    本站用的什么字体呢?能分享一下吗?

  • 修罗学院 楼主 2021-09-30 16:54
    0 引用 3

    Licong 本站用的什么字体呢?能分享一下吗?
    你打开上面的我的字体路劲就可以保存的啊

  • Licong 2021-10-01 07:50
    0 引用 4

    XIUNO 你打开上面的我的字体路劲就可以保存的啊
    https://rem.cc/zt/rem.svg   这个下载不了  请发给我一下!谢谢

  • 修罗学院 楼主 2021-10-01 15:15
    0 引用 5

    Licong https://rem.cc/zt/rem.svg 这个下载不了 请发给我一下!谢谢
    已经更新、注意去取奥!

  • Licong 2021-10-01 19:34
    0 引用 6

    XIUNO 已经更新、注意去取奥!
    还是下载不了!!能发我邮箱吗?谢谢
    963567502@qq.com

  • 修罗学院 楼主 2021-10-02 00:25
    0 引用 7

    Licong 还是下载不了!!能发我邮箱吗?谢谢 963567502@qq.com
    那么大一个加群获取看不到嘛?

  • AJuYu 2022-03-24 05:26
    0 引用 8

    始终加载不了字体,不知道怎么回事!

  • 修罗学院 楼主 2022-03-24 13:36
    0 引用 9

    AJuYu 始终加载不了字体,不知道怎么回事!
    你好好检查一下

返回