VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • div+css视频教程之字体版式

字体版式
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
1
2
3
body {
 font-family: Univers, sans-serif;
 }
其中以选择了 Univers 字体,如果 Univers 在用户计算机上不可用,默认将使用 sans-serif。
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
1 < link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
然后,使用 CSS 应用样式:
1
2
3
body {
 font-family: 'Architects Daughter', serif;
 }
您的网站现在使用了 Architects Daughter Google 字体。但是,我的建议是不要为整个网站使用 “太过漂亮的” 字体。请确保您的网站继续保持干净、紧凑和清新。
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
 字体版式
CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以, 举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
1
2
3
body {
 font-family: Univers, sans-serif;
 }
其中以选择了 Univers 字体,如果 Univers 在用户计算机上不可用,默认将使用 sans-serif。
CSS3 通过引入 @font-face 元素稍微改进了此功能,这是一个比较复杂的机制,用于跨 web(特别是对于您的网站)传输一个字体。如果希望使用漂亮的字体,它可能非常有用,这是一个适合排版专家的高级主题。但是,此类字形开发工作已由第三 方提供商大大简化,比如字体下载 表中的 Google Font API 和 Typekit。
字体下载
Google Font API 和 Typekit 提供了它们自己的系统来跨系统下载漂亮的字体。它的工作原理类似于 (X)HTML、JavaScript 和 CSS3 的结合,所以可能仅适用于比较现代的浏览器。
至于现在,我们主要关注 Google Font API,它可以免费、轻松地使用。要应用此功能,首先在 (X)HTML 头部添加一行表明您希望使用 Google Font Directory 中的 Architects Daughter 字体:
1 < link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
然后,使用 CSS 应用样式:
1
2
3
body {
 font-family: 'Architects Daughter', serif;
 }
您的网站现在使用了 Architects Daughter Google 字体。但是,我的建议是不要为整个网站使用 “太过漂亮的” 字体。请确保您的网站继续保持干净、紧凑和清新。
结束语
CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
关于作者
Daniel John Lewis 是一位来自英国的自由计算机科学家,是一位图形/色彩设计专家的儿子。他使用各种语言(包括 PHP、Ruby、Java 和 XHTML)开发 Web 应用程序,自 20世纪 80 年代晚期就开始使用开发和设计软件。他的计算机科学研究和咨询工作涉及语义 Web、链接数据、人工智能、机器学习、数据挖掘和 “人类计算” 等领域。
 

相关教程