九年级英语知识点归纳总结,知识点

2020-11-11 阅读 杜紫霜整理

内容简介:初三数学知识点归纳一。字体是什么?字体是文本的外部形式。这是文本的风格。这是课文的大意。例如,行书、楷书和草书都是一种字体。每个人都可以用不同的方式写同一个词。可...

1、什么是字体字体是文字的外在形式,就是文字的风格,是文字的外衣。

比如行书、楷书、草书,都是一种字体。

同样一个字每个人写起来都会有差异,可以说每个人都有一套潜在的字体库。

对于web页面来说,字体就是计算机上存储的一套文字显示方式。

通过对文字进行一些特殊处理(比如末端加强)来提高不同环境中文字的可读性。

比如同样大小的文字,在不同字体下的可读性是不同的。

一般来讲,一款字库的诞生,要经过字体设计师的创意设计、字体制作人员一笔一划的制作、修改,技术开发人员对字符进行编码、添加程序指令、装库、开发安装程序,测试人员对字库进行校对、软件测试、兼容性测试,生产部门对字库进行最终产品化和包装上市等几个环节。

通常情况下文字跟字体库是一对多的关系,所以对于多语言支持的web页面,要求设计师在选用字体时不能光考虑一种语言的情况。

2、font-family关于font-family的介绍大多数只是说明他可以设置文本中的字体名称序列。

其实font-family真正的作用是将一系列近似的字体按照优先级顺序组成一个列表,浏览器从第一项开始依次查找,找到第一种可用的字体来显示文字。

font-family:TimesNewRoman,open-sans,幼圆,sans-serif当浏览器显示一个字符时,会首先从TimesNewRoman中寻找这个字符,如果找到就用TimesNewRoman字体来显示这个字符。

如果没找到就去open-sans中寻找,如果找到就用该字体显示字符,没找到就会依次寻找下去,如果在通用字体库sans-serif中也没有找到就会用一个缺字符代替(通常是小方框)。

pstyle='font-family:TimesNewRoman,open-sans,幼圆,sans-serif'span时间就是金钱/spanspanTimeismoney./span/p比如上面这段代码,对于汉字部分浏览器会先去TimesNewRoman中查找,没有找到,接着再去open-sans中查找,仍然没有找到,继续到幼圆中寻找,幼圆中可以找到对应字符则用该字体来显示。

对于英文部分可以在TimesNewRoman中寻找则会用该字体来显示。

font-family中有时候字体加引号有时候不加引号。

区别在于对字体名称中空格的处理不同。

不加引号时,忽略字体左右两端的空白字符,单词之间的空白字符被解释为一个空白字符。

比如font-family:TimesNewRoman,sans-serif。

被解释为font-family:TimesNewRoman,sans-serif。

加引号时,需要保留引号内的所有空格。

比如font-family:TimesNewRoman,sans-serif。

浏览器会去寻找TimesNewRoman这个字体。

3、通用字体族w3c建议在定义字体是最后以一个类别结尾,例如sans-serif,来保证不同操作系统下网页都能够正确显示。

常见的字体族为serif(衬线字体)、sans-serif(非衬线字体),可以简单理解为在所有字体都是失效的情况下,浏览器从字体族中选择一种字体来显示。

一种字体族代表了拥有某类特性的多种字体,字体族中字体的选择完全有浏览器决定。

设计者给出的字体应该尽可能覆盖所有系统,而不应该依赖字体族。

字体族一定要放到font-family的最后一位。

serif衬线字体,通常是指使用末端加强原则的字体,通过在文字末端加入细小变化来改变小号文字的可读性。

上述字体都是衬线字体,文字的末端使用了衬线。

陈贤字体具有较高的可读性,通常用于以大段文字作为表现形式的作品如报纸、书籍等。

常见的衬线字体有Georgia,Garamond,TimesNewRoman,中文的宋体等等。

sans-serif非衬线字体,衬线字体以外的所有字体都成为非衬线字体。

非衬线字体的线条比较均匀,通常在艺术字、标题中的使用较多。

由于非衬线字体字条比较均匀,所以在小号文字下的可读性不如衬线字体。

常见的非衬线字体有TrebuchetMS,Tahoma,Verdana,Arial,Helvetica,中文的幼圆、隶书等等。

综上所述,衬线字体适合小号文字的显示,如果使用非衬线字体要保证font-size足够大,以确保正文内容的可读性。

11px下的英文推荐使用衬线字体,对于中文,无论如何都不推荐11px下显示。

4、@font-face@font-face是链接服务器上的字体的一种方式,就像制定图片链接一样,浏览器会根据这条指令把对应字体下载到本地缓存,用它去修饰文本。

identifier:字体名称url:此值指的是你自定义的字体的存放路径,可以是相对路径也可以是绝路径string:此值指的是你自定义的字体的格式,主要用来帮助浏览器识别,其值主要有以下几种类型:truetype,opentype,WebOpenFontFormat,embedded-opentype,svg等font:定义字体相关样式,符合该样式设定的文本会使用该字体显示。

truetype(.ttf)、opentype(.otf)这两种格式在绝大多数浏览器上都能正常工作。

WebOpenFontFormat(.woff)是Web字体中最佳格式,他是一个开放的TrueType/OpenType的压缩版本,同时也支持元数据包的分离。

EmbeddedOpenType(.eot)为IE的私有字体格式。

svg(.svg)字体是基于SVG字体渲染的一种格式。

下表中列出了这些格式的浏览器兼容性。

CSSCode复制内容到剪贴板

    @font-face{font-family:'open-sans';src:url('./open-sans/OpenSans-Regular.eot');/*IE9*/src:url('./open-sans/OpenSans-Regular.eot?#iefix')format('embedded-opentype'),/*IE6-IE8*/url('./open-sans/OpenSans-Regular.woff')format('woff'),/*chrome、firefox*/url('./open-sans/OpenSans-Regular.ttf')format('truetype'),/*chrome、firefox、opera、Safari,Android,iOS4.2*/url('./open-sans/OpenSans-Regular.svg#fontname')format('svg');/*iOS4.1-*/}@font-face{font-family:'open-sans';src:url('./open-sans/OpenSans-Bold.eot');/*IE9*/src:url('./open-sans/OpenSans-Bold.eot?#iefix')format('embedded-opentype'),/*IE6-IE8*/url('./open-sans/OpenSans-Bold.woff')format('woff'),/*chrome、firefox*/url('./open-sans/OpenSans-Bold.ttf')format('truetype'),/*chrome、firefox、opera、Safari,Android,iOS4.2*/url('./open-sans/OpenSans-Bold.svg#fontname')format('svg');/*iOS4.1-*/font-weight:bold;}
CSSCode复制内容到剪贴板
    pstyle='font-family:open-sans,sans-serif'span时间就是金钱/spanspanTimeismoney./span/ppstyle='font-family:open-sans,sans-serif;font-weight:bold;'span时间就是金钱/spanspanTimeismoney./span/p

上述代码中两次@font-face命令定义了一个字体族,在普通情况下使用OpenSans-Regular字体,粗体时使用OpenSans-Bold字体。

这也印证了我们上文所说,对于字体族中的字体由浏览器根据当前设置自动选择。

如果要使用@font-face通常需要做一些优化工作,比如有的字体库太大就需要只保留网页中用到的文字,对于中文字体更是如此,这时候字蛛(FontSpider)工具可以来帮助我们;对于进一步优化,可以将字体文件以base64编码方式嵌入到css文件中来减少一次http请求,小米主页就是采用这种方式(这里和这里)。

对于字体库的压缩可以使用这款工具。

作者给您推荐的内容
  1. 在使用ps做设计的时候,我们可以为文件制作印章,今天我们就来看看使用ps是如何制作印章的吧。01、打开ps然后按下Ctrl N键新建一个文件,然后在工具箱内找到多边形选项,如图所示:02、点击多...

  2. PPT幻灯片在我们现在的生活中越来越普及使用,如:小孩子在学校,老师要求家长制作简单的幻灯片;拍照后想做成一个简单的PPT播放。下面我们介绍一下如何用WPS演示制作PPT幻灯片。01、首先,我...

  3. 电脑隐藏文件夹怎么显示当系统处于安全考虑时,它将隐藏系统的一些关键文件和文件夹。当我们需要对这些文件执行某些操作时,首先需要显示这些隐藏的文件夹。如何显示隐藏文件...

  4. 王者荣耀,奕星.01、首先先介绍奕星的技能.被动-气和:当受到致命伤害时,会遁入虚无,免疫所有伤害并增加移动速度,还会在原地随机释放黑白...

  5. 电影是hd好还是bd好当我们在网络上寻找视频下载资源时,有时相同的视频资源会被标记为BD和HD。很多人问BD和HD哪个是清楚的。BD通常被称为蓝光高清,高清就是我们所说的高清视频。具...

  6. 使用“控制面win2003服务器优化策略12条板-管理员”工具(admin)中的“配置服务器向导”:禁止出现“管理您的服务器”向导...

  7. 首先我们进入自己的QQ空间,再点击右上角的设置,在这里点击帮助中心,在帮助中心的左侧看到注销问题,再点击注销页面的点击进入,然后进入到申请关闭页面,回答一些问题,回答完后,最后...

  8. 当使用Google浏览器浏览网页时,很多用户都会遇到诸如Adobe Flash player不是最新版本、Adobe Flash player因过期而被阻止等问题。那么,我们该怎么办?接下来,让系统小镇编chrome最新版chro...

  9. 我们平时操作远程Linux服务器的时候经常需要XShell工具进行连接,那么如何操作呢?下面小编给大家演示一下。01、首先我们打开XShell工具,点击顶部的打开选项,如下图所示02、接下来会弹出一个...

  10. 两个拳头相碰什么意思本教程的过程非常简单,许多细节没有详细说明。其中,融合火焰或水滴的步骤最为重要。混料方式一般采用滤色,省去了繁琐的消光过程。最终效果1。打开材质...