惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
Tenable Blog
Last Week in AI
Last Week in AI
P
Proofpoint News Feed
Engineering at Meta
Engineering at Meta
H
Help Net Security
F
Fortinet All Blogs
MyScale Blog
MyScale Blog
宝玉的分享
宝玉的分享
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 司徒正美
量子位
N
Netflix TechBlog - Medium
Apple Machine Learning Research
Apple Machine Learning Research
小众软件
小众软件
Recorded Future
Recorded Future
博客园 - 三生石上(FineUI控件)
Vercel News
Vercel News
aimingoo的专栏
aimingoo的专栏
I
InfoQ
Microsoft Security Blog
Microsoft Security Blog
Scott Helme
Scott Helme
The Last Watchdog
The Last Watchdog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
IT之家
IT之家
AI
AI
WordPress大学
WordPress大学
Security Archives - TechRepublic
Security Archives - TechRepublic
Google Online Security Blog
Google Online Security Blog
U
Unit 42
V2EX - 技术
V2EX - 技术
MongoDB | Blog
MongoDB | Blog
Schneier on Security
Schneier on Security
博客园 - Franky
H
Heimdal Security Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Jina AI
Jina AI
W
WeLiveSecurity
P
Privacy & Cybersecurity Law Blog
Cloudbric
Cloudbric
B
Blog RSS Feed
N
News | PayPal Newsroom
S
Securelist
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
I
Intezer
Hacker News - Newest:
Hacker News - Newest: "LLM"
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
博客园_首页
罗磊的独立博客
H
Hackread – Cybersecurity News, Data Breaches, AI and More
雷峰网
雷峰网

博客园 - EricGu

DES加密解密函数 - EricGu - 博客园 Hibernate Annotation笔记 Groovy和Grails配置方法 Log4net的用法 在vs2008中设置jquery智能提示 开发人员最喜爱的十大免费的Visual Studio插件 优化JavaScript代码 Velocity快速指南 配置nhibernate时报 No persister for: NH.Model.Entities.Customer 异常 - EricGu 解决UpdatePanle中执行后台时间密码域丢失问题 网页制作技巧收集 Virtual PC 2007 SP1虚拟机上安装Ubuntu 9.04桌面版 JavaScript && CSS / CSS中的点滴 oracle10g中的5个服务的作用 ORACLE服务的作用 关于TreeView控件发布后无法显示展开图标的问题 Div+CSS网页制作误区 未来五年程序员应当具备的十项技能 标准W3C盒子模型
怎样设计网页安全字体
EricGu · 2009-10-19 · via 博客园 - EricGu

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

  怎样设计网页?现如今,网页上的字体可以说是千奇百怪.但其中有很多字体是在一些浏览器下不支持或显示不正常的.在平时制作网页时就要特别注意,尽量使用安全字体了..什么是安全字体呢?
  网站制作共有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>安全字体-www.web2bar.cn</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 {font-family: Courier, monospace;}
  .font_couriernew {font-family: 'Courier New', Courier, monospace;}
  .font_garamond {font-family: Garamond, serif;}
  .font_georgia {font-family: Georgia, serif;}
  .font_impact {font-family: Impact, Charcoal, sans-serif;}
  .font_lucida_c {font-family: 'Lucida Console', Monaco, monospace;}
  .font_lucida_s {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
  .font_mssans {font-family: 'MS Sans Serif', Geneva, sans-serif;}
  .font_msserif {font-family: 'MS Serif', 'New York', sans-serif;}
  .font_palatino {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
  .font_symbol {font-family: Symbol, sans-serif;}
  .font_tahoma {font-family: Tahoma, Geneva, sans-serif;}
  .font_times {font-family: 'Times New Roman', Times, serif;}
  .font_trebuchet {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
  .font_verdana {font-family: Verdana, Geneva, sans-serif;}
  .font_webdings {font-family: Webdings, sans-serif;}
  .font_wingdings {font-family: Wingdings, 'Zapf Dingbats', sans-serif;}
  -->
  </style>
  </head>

  <body>
  <div class="font_arial">
  <p>这是字体:font-family: Arial, Helvetica, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_arialblack">
  <p>这是字体:font-family: 'Arial Black', Gadget, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_bookman">
  <p>这是字体:font-family: 'Bookman Old Style', serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_comic">
  <p>这是字体:font-family: 'Comic Sans MS', cursive</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_courier">
  <p>这是字体:font-family: Courier, monospace</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_couriernew">
  <p>这是字体:font-family: 'Courier New', Courier, monospace</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_garamond">
  <p>这是字体:font-family: Garamond, serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_georgia">
  <p>这是字体:font-family: Georgia, serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_impact">
  <p>这是字体:font-family: Impact, Charcoal, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_lucida_c">
  <p>这是字体:font-family: 'Lucida Console', Monaco, monospace</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_lucida_s">
  <p>这是字体:font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  </div>

  <div class="font_mssans">
  <p>这是字体:font-family:  'MS Sans Serif', Geneva, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_msserif">
  <p>这是字体:font-family: 'MS Serif', 'New York', sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_palatino">
  <p>这是字体:font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_symbol">
  <p>这是字体:font-family: Symbol, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_tahoma">
  <p>这是字体:font-family: Tahoma, Geneva, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_times">
  <p>这是字体:font-family: 'Times New Roman', Times, serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>
  <div class="font_trebuchet">
  <p>这是字体:font-family: 'Trebuchet MS', Helvetica, sans-seriff</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_verdana">
  <p>这是字体:font-family: Verdana, Geneva, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_webdings">
  <p>这是字体:<br />
  font-family: Webdings, sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>

  <div class="font_wingdings">
  <p>这是字体:<br />
  font-family: Wingdings, 'Zapf Dingbats', sans-serif</p>
  <p>中文和英文混排test</p>
  <p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>
  <p>abcdefghijklmnopqrstuvwxyz</p>
  <p>0123456789</p>
  </div>
  </body>
  </html>