设计,兼容性----字体-------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


相关文章
|
2月前
|
前端开发
如何设置 CSS 盒子模型的边框样式?
CSS盒子模型的边框样式可以通过`border`属性设置,包括边框宽度、样式和颜色。例如:`border: 2px solid red;` 设置了2像素宽的红色实线边框。也可分别设置四边,如`border-top`、`border-right`等。
|
2月前
|
前端开发
css 设置背景色渐变、字体颜色渐变
css 设置背景色渐变、字体颜色渐变
|
2月前
|
前端开发 搜索推荐 UED
实现 CSS 动画效果的兼容性
【10月更文挑战第16天】实现 CSS 动画效果的兼容性需要对不同浏览器的特性有深入的了解,并采取适当的策略和方法。通过不断的实践和优化,你可以在各种浏览器上创造出流畅、美观且兼容的动画效果,为用户带来更好的体验。在实际开发中,要密切关注浏览器的发展动态,及时掌握最新的兼容性技巧和解决方案,以确保你的动画设计能够在广泛的用户群体中得到良好的呈现。
115 58
|
11天前
|
JavaScript 前端开发
jQuery和CSS3斑马线样式range滑块特效
jQuery和CSS3斑马线样式range滑块特效
|
2月前
|
前端开发
用 CSS 实现兼容性渐变背景效果
【10月更文挑战第17天】
87 43
|
25天前
|
编解码 前端开发 UED
探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用
本文深入探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论,旨在帮助开发者更好地理解和运用媒体查询,提升移动端用户体验。
41 4
|
1月前
|
前端开发 JavaScript UED
|
2月前
|
前端开发 JavaScript
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
CSS样式穿透技巧:利用scoped与deep实现前端组件样式隔离与穿透
243 1
|
2月前
|
存储 前端开发 安全
详解CSS之Web 字体
详解CSS之Web 字体
32 4
|
2月前
|
编解码 前端开发 JavaScript
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
73 2