快速业务通道

CSS教程:所有浏览器中都能正常显示的字体

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-03

很佩服国外一些前端开发人员对待学问的研究精神,他们很善于总结发现。看到一篇关于安全字体List of Web Safe Fonts的文章,里面总结了所有的安全字体的样式,当然都是英文的。

所谓安全字体,就是在所有的浏览器中都能正常显示的字体,也就是所有操作系统默认都安装了的字体。

共有21种安全字体:

font-family: Arial, Helvetica, sans-serif;
font-family: ''Arial Black'', Gadget, sans-serif;
font-family: ''Bookman Old Style'', serif;
font-family: ''Comic Sans MS'', cursive;
font-family: Courier, monospace;
font-family: ''Courier New'', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ''Lucida Console'', Monaco, monospace;
font-family: ''Lucida Sans Unicode'', ''Lucida Grande'', sans-serif;
font-family: ''MS Sans Serif'', Geneva, sans-serif;
font-family: ''MS Serif'', ''New York'', sans-serif;
font-family: ''Palatino Linotype'', ''Book Antiqua'', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ''Times New Roman'', Times, serif;
font-family: ''Trebuchet MS'', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ''Zapf Dingbats'', sans-serif;  

我们用一个页面形象的展示出来:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>安全字体</title>
<style type="text/css">
<!--
* { font-size:12px}
div { padding:5px 0; border-bottom:1px solid #ccc}
P { margin:3px 0}
.font_arial {font-family: Arial, Helvetica, sans-serif}
.font_arialblack {font-family: ''Arial Black'', Gadget, sans-serif;}
.font_bookman {font-family: ''Bookman Old Style'', serif;}
.font_comic {font-family: ''Comic Sans MS'', cursive;}
.font_courier {fon

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号