css教程之字体版式

金沙澳门官网网址:www.js333com

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

  • 2015-01-23 11:33 来源:www.js333com
字体版式(相关css教程
  CSS2.1 定义了 3 种一般的字体集:serif、sans-serif 和 monospace。这些字体将始终适用于每个系统,它们不一定看起来完全一样,但是一般而言,如果主要字体出现故障,它们至少可以作为备用字体。所以,举例而言,在您的 body CSS 声明中,可以使用类似以下形式的内容:
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 字体:
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
   然后,使用 CSS 应用样式:
body {  font-family: 'Architects Daughter', serif;}
  您的网站现在使用了 Architects Daughter Google 字体。但是,我的建议是不要为整个网站使用 “太过漂亮的” 字体。请确保您的网站继续保持干净、紧凑和清新。
  结束语
  CSS2.1 和 CSS3 都是内涵丰富的主题,值得用一本书来探讨。本文仅大概介绍了如何编写高质量的样式表,您可以应用这里的知识在万维网上的其他地方查找 CSS 参考资料。
  通过不引人注目的、彼此独立的方式使用 (X)HTML 和 CSS,您可以最大程度地实现标准兼容性、可访问性和搜索引擎优化。CSS 是一种优秀的技术,XHTML 和 HTML 也是,但是它必须以一种标准化的方式使用。这些标准可能是 Web 设计的基本资源,但它们不是设计本身,优秀的设计必须通过实践和不断完善来获得。
 
相关教程
Baidu
sogou