CSS基础：常用CSS英文字体介绍

CSS中对文字的控制在大前端中有过不少的介绍，但关于字体的介绍还没有。今天向大家介绍一些英文字体，希望在今后的字体设置中，对您的编码有所帮助。

Arial

Arial是一套随同多套微软应用软件所分发的无衬线体 TrueType字型。虽然比例及字重（weight）和Helvetica极之相近，但Arial其实是Monotype Grotesque系列的变种。设计Arial时考虑到会在电脑上面使用，在字体及字距上都作了一些细微的调整和变动，以增加它在电脑屏幕上不同分辨率下的可读性。

Helvetica

Helvetica是一种广泛使用的西文无衬线字体，是瑞士图形设计师马克斯· 米耶丁格（Max Miedinger）于1957年设计的。 Helvetica被视作现代主义在字体设计界的典型代表。按照现代主义的观点，字体应该“像一个透明的容器一样”，使得读者在阅读的时候专注于文字所表达的内容，而不会关注文字本身所使用的字体。由于这种特点的存在，使得Helvetica适合用于表达各种各样的信息，并且在平面设计界获得了广泛的应用。

Tahoma

Tahoma是一个十分常见的无衬线字体，字体结构和 Verdana很相似，其字符间距较小，而且对Unicode字集的支援范围较大。Tahoma和Verdana师出同门，同为名设计师马修·卡特的作品，由微软在1999 年推出。许多不喜欢Arial字体的人常常会改用Tahoma来代替，除了是因为Tahoma很容易取得之外，也是因为 Tahoma没有一些Arial为人诟病的缺点，例如大写“I”与小写“l”难以分辨等。

Verdana

Verdana，是一套无衬线字体，由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现，因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。“Verdana”一名是由“verdant”和“Ana”两字所组成的。“verdant”意为“苍翠”，象征著“翡翠之城”西雅图及有 “常青州”之称的华盛顿州。“Ana”则来自于维吉尼亚·惠烈大女儿的名字。

Lucida Grande

Lucida Grande是一种西文无衬线体字体，属于人文主义体。它是苹果公司Mac OS X操作系统的默认字体。作为Lucida字体家族的一员，它的设计师是查尔斯·毕格罗（Charles Bigelow）和克里斯·霍尔姆斯（Kris Holmes）。它的数字版本属于TrueType并且贯穿了整个Mac OS X 图形用户界面。

Times New Roman

Times New Roman（泰晤士新罗马），可能是最常见且广为人知的衬线字体之一，在字体设计上属于过渡型衬线体，对后来的字型产生了很深远的影响。另外由于其中规中矩、四平八稳的经典外观，所以常被选为标准字体之一。更多的知识，欢迎您浏览52CSS.com的更多文章。

Georgia

Georgia是一种衬线字体，为著名字型设计师马修·卡特（Matthew Carter）于1993年为微软所设计的作品，具有在小字下仍能清晰辨识的特性，可读性十分优良。其命名发想自一份小报报道在美国佐治亚州发现外星人头颅的测试性头条。微软将Georgia列入网页核心字型，是 Windows系统的内建字型之一。苹果电脑的麦金塔系统之后也跟进采用Georgia作为内建字型之一。

CSS基础：常用CSS英文字体介绍相关推荐

W3school：CSS基础：CSS注释、颜色（颜色、RGB、HEX、HSL）、背景（背景、背景图像、背景重复、背景附着、简写背景属性）
W3school:CSS基础:CSS注释.颜色(颜色.RGB.HEX.HSL).背景(背景.背景图像.背景重复.背景附着.简写背景属性) 一.CSS注释 1.注释用于解释代码,以后在您编辑源代码时可能 ...
W3school：CSS基础：CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓
W3school:CSS基础:CSS边框.CSS边距.CSS高度/宽度.CSS框模型.CSS轮廓 1.CSS边框(边框.边框宽度.边框颜色.边框各边.简写边框属性.圆角边框) 2.CSS边距(外边距. ...
常用CSS英文字体介绍
CSS中对文字的控制有过不少的介绍,但关于字体的还没有.今天向大家介绍一些英文字体,希望在今后的字体设置中,对您的编码有所帮助. Arial Arial是一套随同多套微软应用软件所分发的无衬线体Tru ...
【前端学习笔记】(三)（CSS基础、选择器、字体和文本样式）
目录一.基础认知 1.1 CSS介绍 1.2 CSS语法规则 1.3 CSS常见属性 1.4 CSS引入方式 1.5 CSS常见三种引入方式的区别二.基础选择器 1.标签选择器 2.类选择器 3. ...
css好看常用的中文字体
CSS,font-family,好看常用的中文字体 2014-10-14 例1(小米米官网):font-family: "Arial","Microsoft YaHei& ...
CSS基础(part2)--CSS选择器
学习笔记,仅供参考,有错必纠文章目录 CSS CSS语法 CSS简单属性 CSS注释 CSS选择器通配符选择器 ID选择器类选择器 CSS复合选择器标签指定式选择器(既...又...) 后代选 ...
CSS基础：CSS的上下文之层叠上下文
CSS的上下文之层叠上下文看到层叠,大家一定会联想到定位元素会是的元素之间发生"遮挡",而z-index可以改变他们之间的遮挡优先级,但这仅仅是层叠这一概念中很小的一部分. 本文 ...
CSS基础(part4)--CSS的层叠性继承性优先级
学习笔记,仅供参考,有错必纠参考自:CSS中文文档文章目录 CSS CSS层叠性 CSS继承性 CSS的优先级(特殊性) 复合选择器的优先级关于优先级权重的注意事项 CSS CSS层叠性所谓层 ...
字体的基础知识：英文字体区分练习
以下内容转自: 了解字体的基础知识 - 少数派 Palatino 和 Times New Roman 解析:同为衬线字体,两者的关键区别在衬线. 从字母 f 可以明显看出,Times New Roma ...
CSS基础：CSS的上下文之BFC
CSS的上下文之BFC 看到这个名词,可能会有些陌生,但其实上下文 = 区域,如果这么理解的话就会有行级上下文.块级上下文.flex上下文等等有一定排列规则的区域,我们今天只聊一聊块级格式化上下文 ...

CSS基础：常用CSS英文字体介绍

CSS基础：常用CSS英文字体介绍相关推荐

最新文章

热门文章