CSS自定义字体

Doe

于 2021-11-22 16:52:16 发布

阅读量371

点赞数

分类专栏： # 一些知识点文章标签： es6 css

原文链接：https://www.cnblogs.com/djjlovedjj/p/11051346.html

版权

一些知识点专栏收录该内容

48 篇文章

订阅专栏

本文介绍了如何在CSS中使用@font-face规则加载自定义字体文件，通过指定字体家族和路径实现网页文字的个性化显示。示例代码展示了如何定义及应用自定义字体，包括中文字符的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

必须要先有字体文件，比如 .ttf文件，叫 UI 给或者百度自己下载；

<style> 
　　@font-face{
　　　　font-family: myFirstFont;
　　　　src: url('你自己的字体文件路径.ttf')
　　}
</style>

<body>
    <div>这是默认字体</div>
    <div class="my_font">这是自定义字体</div>
    <div class="my_font">一二三四五六七八九十</div>
    <div class="my_font">哈哈哈哈</div>
</body>

<style> 
    @font-face{
    　　font-family: myFirstFont;
    　　src: url('你自己的字体文件路径.ttf') 　　} 　　
    .box{ font-family:myFirstFont; } 
</style>

原文：

css自定义字体 - 青云码上 - 博客园