CSS现代字体栈
2016-05-04 15:07
417 查看
CSS字体栈是一系列的字体,它包含了能在不同操作系统和平台上战士的字体,以尽可能的使排版保持一致性。浏览器会在font-family规定的所有字体中从前往后一次查找,如果找不到当前字体就查找下一个字体。
创建字体栈的原则是使用多个操作系统或者终端所共有的或者交叉范围大的一系列字体,需要大量备用字体。
创建字体栈的原则是使用多个操作系统或者终端所共有的或者交叉范围大的一系列字体,需要大量备用字体。
/* 基于Times New Roman的字体风格*/ font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; /* 基于现代Georgia的字体风格*/ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; /*基于Garamond的更传统的字体风格*/ font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; /*基于Helvetica/Arial的字体风格*/ font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; /*基于Verdana的字体风格*/ font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; /*基于Trebuchet的字体风格*/ font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; /*更有深度的"Impact" 的字体风格*/ font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; /*monospace 的字体风格*/ font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
相关文章推荐
- css选择器
- css3盒子布局-定义盒子的弹性空间(box-flex)
- CSS3实现折纸效果
- css自定义字体font-face的兼容和使用
- CSS3选择器详解一
- css3盒子布局-定义盒子布局的位置(box-ordinary-group)
- php 时间显示转换成如:几分钟前,几天前样式
- css3盒子布局-定义布局取向(box-orient)和顺序(box-direction)
- Material Design之主题样式
- WPF通用对话框使用系统主题样式
- html 基础之行间样式,内部样式,外部样式
- CSS等高布局的7种方式
- css3高级滤镜-光照滤镜
- css3高级滤镜-切换滤镜
- css3高级滤镜-渐隐效果
- 【CSS-05】switch 效果
- CSS 定位
- [CSS]clearfix 清除浮动元素及去掉浏览器默认样式
- html中hr的各种样式使用
- ionic css类总结