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


相关文章
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
|
20天前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性,通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性,并提供了实用的代码示例。此外,还简要介绍了调试工具中的一些细节,如错误属性标识和属性生效状态的控制。
49 28
|
6天前
|
前端开发
前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器
本文详细介绍了CSS(层叠样式表)的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用,展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS,讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外,还强调了使用`!important`规则时的优先级高于行内样式。
28 1
|
19天前
|
缓存 前端开发
css内部样式和外部样式的性能比较和使用规范
CSS 的内部样式和外部样式各有优缺点,适用于不同场景。
|
14天前
|
前端开发
css <样式一>
css <样式一>
14 1
|
1月前
|
设计模式 移动开发 前端开发
CSS内联样式的使用,吐血整理
CSS内联样式的使用,吐血整理
35 6
|
7天前
|
前端开发
Vue3基础(十ba)___在css中使用props或者计算属性的变量,来实现动态样式
本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
12 0
|
2月前
|
XML 前端开发 数据格式
CSS常用样式及示例
CSS常用样式及示例
|
2月前
|
前端开发
CSS 设置hr样式
【8月更文挑战第9天】
|
2月前
|
前端开发 Java UED
JSF 面向组件开发究竟藏着何种奥秘?带你探寻可复用 UI 组件设计的神秘之路
【8月更文挑战第31天】在现代软件开发中,高效与可维护性至关重要。JavaServer Faces(JSF)框架通过其面向组件的开发模式,提供了构建复杂用户界面的强大工具,特别适用于设计可复用的 UI 组件。通过合理设计组件的功能与外观,可以显著提高开发效率并降低维护成本。本文以一个具体的 `MessageComponent` 示例展示了如何创建可复用的 JSF 组件,并介绍了如何在 JSF 页面中使用这些组件。结合其他技术如 PrimeFaces 和 Bootstrap,可以进一步丰富组件库,提升用户体验。
44 0