设计,兼容性----字体-------Css样式的字体,字体样式导入

简介: 设计,兼容性----字体-------Css样式的字体,字体样式导入

本文介绍了如何在网页设计中使用font-family属性定义字体,包括使用宋体等汉字字体,以及如何从阿里iconfont字库和GoogleFonts获取免费且高质量的字体资源,以提升网页设计的高级感。

摘要由CSDN通过智能技术生成

1、使用font-family属性定义文本的字体系列,可以使用汉字,如黑体,宋体

2、宋体

3、

4、开发过程中,我们经常把字体定义到body当中

5、如何引入新字体,以及有那些免费的字体,有那些字体,这里参考算了大佬的文章

摹客

 

原文链接在这:感兴趣的伙伴可以自行查阅“高级感”的设计,从这20款精选Google网页字体开始【免费】_chrome字体 好看的-CSDN博客

5.1 第一款字体:阿里iconfont字库

iconfont-阿里巴巴矢量图标库

5.2 第二可以到开源免费在线字体库 Google Fonts 进行寻找,里面有大量的开源字体,真心好看,一款好看适合页面的字体,真的能给网页带来不少的提高

Google Fonts | 谷歌字体中文版 | GoogleFonts


相关文章
|
3天前
|
前端开发
css定制样式
【7月更文挑战第1天】css定制样式
9 2
|
3天前
|
前端开发
CSS样式层叠
CSS样式层叠
10 0
CSS样式层叠
|
1天前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
2天前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
2天前
|
前端开发 JavaScript 编译器
如何在CSS中写变量?一文带你了解前端样式利器
如何在CSS中写变量?一文带你了解前端样式利器
10 0
|
2天前
|
前端开发 JavaScript
【Vue3+TypeScript】CRM系统项目搭建之 — CSS样式方案
【Vue3+TypeScript】CRM系统项目搭建之 — CSS样式方案
6 0
|
2天前
|
前端开发
前端 CSS 经典:水波进度样式
前端 CSS 经典:水波进度样式
6 0
|
2天前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
7 0
|
6天前
|
前端开发
CSS外部样式
CSS外部样式
9 0
|
6天前
|
XML 前端开发 数据格式
深入理解CSS内部样式的编写方式
深入理解CSS内部样式的编写方式
16 0