2024年-元宵倒计时

9 天 9 时 9 分 9 秒


【技术分享】如何自定义你的网站字体

目录

    下载自己喜欢的字体

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


    转化字体格式

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


    上传字体至服务器

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


    插入CSS代码

    
    @font-face {
      font-family: "ziti";
      src: url("https://你的文件路径/ziti.woff2") format("woff2"),
           url("https://你的文件路径/ziti.woff") format("woff"),
           url("https://你的文件路径/ziti.ttf") format("truetype"),
           url("https://你的文件路径/ziti.eot") format("embedded-opentype"),
           url("https://你的文件路径/ziti.svg") format("svg"),
           url("https://你的文件路径/ziti.otf") format("opentype");
      font-weight: normal;
      font-style: normal;
    font-display: swap;
    }
    body{
        font-family: 'ziti'
    } 
    ;

     




    版权声明

    1. 本网站名称: 安鹿轩

    2. 本站永久网址: www.anlu1314.com

    3. 本站提供的所有内容仅供学习、交流和分享用途,只供参考。

    4. 本站资源禁止并谢绝未经本站许可的使用,如欲转载,请署名以及注明出处。

    5. 本站(原创)文章、资源、图片等所有内容,一经转载,即表示您已经接受上述声明!需自行承担一切风险与责任!

    6. 关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点,与本站观点及立场无关!

    7. 有任何侵权问题请联系E-mail [email protected]

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    今日签到
    搜索