css中没有中文字体

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中有时候我们需要使用中文字体,但是却找不到直接使用的中文字体。这是因为CSS中默认不包含中文字体,需要手动引入。@font-face{ font-family: 中文字体名 ; src:url

在CSS中有时候我们需要使用中文字体,但是却找不到直接使用的中文字体。这是因为CSS中默认不包含中文字体,需要手动引入。

@font-face{
  font-family:"中文字体名";
  src:url("路径/中文字体名.ttf");
} 

在上面这段代码中,我们使用了@font-face来定义一个新字体,对应的路径即为字体文件的路径。需要注意的是,在CSS中,如果字体文件的路径有中文或空格等字符,需要使用引号将其包裹起来。

如果我们想让整个网站使用同一种中文字体,可以将上面的代码放到CSS文件的最顶部,然后在样式中使用font-family: "中文字体名"来使用。

如果希望使用不同种类的中文字体,可以将上面的代码复制多遍,然后修改字体名和路径即可。

使用中文字体可以让网页更符合中文阅读习惯,让阅读更加舒适。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中没有中文字体

粉丝

0

关注

0

收藏

0

已有0次打赏