rockwell字体（css怎么调用外部字体）

本文目录

• css怎么调用外部字体
• 有哪些值得推荐的PPT英文字体
• 有哪些能够表现力量的英文字体
• 英文无线体和有线体的区别
• 有哪些好看的字体可以用在PPT、word上

css怎么调用外部字体

CSS中可以使用font-face属性即可实现调用任何外部等特殊字体。

font-face属性介绍及其实例：

1. 对浏览器的支持：

   Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。

   Internet Explorer 9+ 支持新的 font-face 规则，但是仅支持 .eot 类型的字体 (Embedded OpenType)。

2. 使用您需要的字体。

   在新的 font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。

   如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：

3. 使用粗体字体。

   您必须为粗体文本添加另一个包含描述符的 @font-face。

   文件 "aa.ttf" 是另一个字体文件，它包含了 Sansation 字体的粗体字符。

   只要 font-family 为 "myFirstFont" 的文本需要显示为粗体，浏览器就会使用该字体。

   通过这种方式，我们可以为相同的字体设置许多 @font-face 规则。

4. 实际案例：

   案例1：

   《style》 @font-face{font-family: myFirstFont;src: url(’aa.ttf’),     url(’aa.eot’); /* IE9+,可以是具体的实际链接 */}div{font-family:myFirstFont;}《/style》

   案例2：

   @font-face{font-family: myFirstFont;src: url(’aa.ttf’),     url(’aa.eot’); /* IE9+ */font-weight:bold;}

5. 注意事项：

   A、Internet Explorer 8 以及更早的版本不支持新的  font-face 规则。

   B、代码中注意负符号，均为英文状态下。

   C、字体文件格式必须添加后缀，且链接中必须带后缀。

有哪些值得推荐的PPT英文字体

1、标题字体

标题字体就是PPT中用于封面标题和页面标题的字体，一般选择具有厚重感的无衬线字体。

Impact

impact字体是一款应用于设计方面的英文字体，字形带有阴影效果，复古性十足，风格统一，可用于广告设计、平面设计、印刷包装、书法绘画等领域，相较于一般的英文字体显得粗且狭长。

Aharoni

也是一款较粗的无衬线字体，笔画结构有一个典型的特点，圆润又不失力量感，是比较时尚的“男性”英文字体。

Arail Black

微软御用字体，设计的目的是在电脑屏幕上不同分辨率下的可读性，属于万能字体。不过比较普通，用在各种场合也不会容易出现违和感。

2、正文字体

Calibri

Calibri为字型设计师Lucas de Groot替微软开发的字型，曾于2005年字型设计竞赛(Type Design Competition)中获得系统字型(Type System)类的奖项。其也包含了拉丁文、希腊文以及斯拉夫语的字母，是微软的一款默认字体。

Arail 

是微软御用字体，也是一种无衬线字体，类似于中文的微软雅黑。

Arail 字体包括Arial Regular、Arial Narrow、Arial、Arial Italic、Arial Bold、Arial Bold Italic和Arial Black。

Helvetica

Helvetica是苹果电脑的默认字体， 微软常用的Arial字体也来自于它。2007年是helvetica诞生50年，作为在平面设计和商业上非常普及和成功的一款字体， 英国导演Gary Hustwit专门为她拍摄了一部纪录片《Helvetica》。

Tw Cen MT

也是一款在PPT中应用较多的字体。

3、特殊字体

Broadway

Broadway字体是一款用于户外广告设计方面的字体,本作品可用于广告设计字体、网页设计字体、包装设计字体、 屏幕显示字体等。

POLYA REGULAR

是一款设计感较强的晶格化字体，此前lowpoly风格PPT流行时，也常被设计师用于封面标题中。

公众号【一宏派】已经帮你把它们都打包好，回复“字体”就可以获得！

有哪些能够表现力量的英文字体

Didot，我相信大部分人都见过这个字体，而且印象很深刻。为什么这么说呢？因为它是时尚杂志 VOGUE ，BAZAAR 的专用字体。而无论你是否关注时尚圈，这两本杂志肯定都或多或少地在你的眼前出现过。Didot，的笔画粗细对比很强烈，呈现着现代，时尚艺术的感觉。回到 PPT 字体选择上，如果你制作的幻灯片内容主题跟时尚有关系，其实，可以考虑使用这个字体。效果会很不错。Rockwell，这是一款品质感非常强的打印字体。另外，一些程序代码器，也会常使用这款字体。估计一些工程师们，看到这个字体会很眼熟。

Centaur， 提到这个英文字体的名称，可能很多旁友不熟悉。但是，如果我放出几张电影海报，估计，你立刻会会觉得这个字体很熟悉。在一些魔幻历史题材的电影中，比如霍比特人，指环王等，这个字体出现的频次还是挺高的。因为这款字体独特的笔画结构，经常被用在表现历史感的内容主题中，特征很明显，非常合适。如果是拿来用在 PPT 中，效果也非常棒，相当于中文字体中的复古字体，兼顾风格特征和易读性。Franklin Gothin 笔画比较硬朗，精练，所以，更适合用在表现男性或者表现力量感的页面设计中。相当于中文字体里的粗黑体。

英文无线体和有线体的区别

在字体排印学里，衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体(serif);没有衬线的字体，则叫做无衬线体(sans-serif)。

主要可以分为以下几类:无衬线与有衬线

Grotesque:

Grotesque--早期的无衬线字体设计，如Grotesque或 Royal Gothic体

Neo-groteque(Transitional or Realist):

新grotesque或称为过渡体--目前所谓的标准无衬线字体，如Helvetica(瑞士体)， Arial和Univers体等

Humanist:

古典体或称为人文主义体--(Johnston、Frutiger、Gill Sans、Lucida、Myriad、Optima、Segoe UI、Tahoma、Trebuchet MS、Verdana)。这些字体是无衬线字体中最具书法特色的，有更强烈的笔画粗细变化和可读性。

Geometric:

几何体--(Avant Garde、Century Gothic、Futura、Gotham)。顾名思义，几何无衬线体是基于几何形状的，透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无衬线字体。

衬线字体的分类有:

旧式风格(Old style)代表性的有:Adobe Jenson、Janson、Garamond、Bembo、Goudy Old Style 和 Palatino 过渡风格(Transitional)代表性的有:Times Roman、Baskerville 现代(Modern)代表性的有:Didot、Bodoni 粗衬线(Slab Serif)代表性的有:Rockwell

有哪些好看的字体可以用在PPT、word上

个人推荐“Rockwell”这是一款品质感非常强的打印字体。1934年，被 Monotype 公司开发出来，印刷效果很好。一些老式的打字机，一般都会采用这个字体。另外，一些程序代码器，也会常使用这款字体。估计一些工程师们，看到这个字体会很眼熟。