一、font 的概念
在计算机上:是设计字体的方法;字体不是指具体的字形,而是指根据设计要求创作的具有一定风格的字的外在形象。通过这些要素,按照一定的法则,采用各种数字化的手段,将设计的意图传达给电脑,由电脑按照要求,将其转化为屏幕上所显示的图形。
CSS样式中:对文字的外观进行定义的,共有五个部分,分别是字体名称、字体大小、字体风格、字体样式、下划线风格。
在HTML中:要对文字的外观进行定义,只能对标签使用style属性进行设置。
font 的分类
- 字体名称:如宋体、黑体、隶书、楷体等。
- 字体大小:指文字的磅值,数字越大,字体越大。
- 字体风格:分为:宋体、黑体、圆体、隶书、楷体、衬线、非衬线等。
- 字体样式:分为:常规、粗体、斜体、下划线、删除线、着重号、头部对齐、居中对齐、文字方向等。
- 下划线风格:分为:单下划线、双下划线、下划线加圆点、下划线加斜线等。
二、使用font的学问
1、问:什么样的页面加载缓慢?,通常有以下几种情况:
(1)、图片太大,在页面中显示不完整,导致页面加载缓慢。
(2)、页面中大量使用了图片,而图片又没有使用 background-size 属性设置,导致图片在页面中显示不完整,从而导致页面加载缓慢。
(3)、页面中大量使用了图片,而图片又没有使用 background-size 属性设置,导致图片在页面中显示不完整,从而导致页面加载缓慢。
(4)、页面中大量使用了图片,而图片又没有使用 background-size 属性设置,导致图片在页面中显示不完整,从而导致页面加载缓慢。
解决办法:对于第一种情况,可以通过设置图片的 max-width 和 max-height 属性来解决,这样可以避免图片显示不完整的问题;对于第二种情况,可以通过设置 background-size 属性来解决,这样可以避免图片显示不完整的问题;对于第三种情况,可以通过设置 background-size 属性来解决,这样可以避免图片显示不完整的问题;对于第四种情况,可以通过设置 margin-left 和 margin-right 属性来解决,这样可以避免图片显示不完整的问题。
2、在书本排版的过程中:先规划各块版心,决定它们使用哪一字号(固定的号);接下来就考虑编排页码;选好字体、字号,要粗细分明。之后再设计标题、正文的排版,最后设计页眉页脚。
解决办法:在设计书本的过程中,要先规划各块版心,决定它们使用哪一字号(固定的号),接下来就考虑编排页码,选好字体、字号,要粗细分明,之后再设计标题、正文的排版,最后