css中文字体样式下载

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

CSS字体样式是我们网页美化中重要的一项技能,对于网页设计以及排版来说,字体的选择和样式都至关重要。当我们想要改变一个文字字体的时候,如果当前系统没有我们需要的字体,那么我们就需要从别的渠道上获取到所

CSS字体样式是我们网页美化中重要的一项技能,对于网页设计以及排版来说,字体的选择和样式都至关重要。

当我们想要改变一个文字字体的时候,如果当前系统没有我们需要的字体,那么我们就需要从别的渠道上获取到所需要的字体然后加入到文字主体中。

而在CSS中,文字字体的样式主要通过font-family属性来实现,我们需要在这个属性值中对字体进行设定。此时,若在电脑中缺少这些字体,则页面上会显示备选字体,排版会发生很大的变化,这无疑会给网页带来极大的影响。

为了避免这种问题的出现,我们可以通过一些网站去下载所需字体样式文件来添加到你的CSS文件之中,这样便能轻而易举地解决电脑本地字体库的问题。

/* 通过CSS导入Google字体的外链 */
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>
/* 确定支持了这些字体之后,我们可以在CSS中使用 */
h1 {
  font-family: 'Raleway', sans-serif; /* 加上谷歌字体 */
} 

我们通过外链的方式去下载Google提供的字体,之后在css中直接指定字体名称即可,这样我们的文字便顺利加入了新的字体。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css中文字体样式下载

粉丝

0

关注

0

收藏

0

已有0次打赏