网页中使用的特殊字体(webdings, wingdings 2)续_oscar999的博客

网页中使用的特殊字体(webdings, wingdings 2)

已经完成了，但是发布之后， csdn 竟然保存出现了异常。估计是使用了一些 unicode 的缘故。
这应该也算csdn 的bug 了。
wingdings 2

不能贴表了，直接参考
http://www.alanwood.net/demos/wingdings-2.html
实际开发中，使用的方式很简单，直接设置font- family 就可以了。
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
</script>
</HEAD>
<span style="color:red;font-family:webdings">n</span> <br>
<span style="color:red;font-family:Wingdings 2">}</span> <br>
</BODY>
</HTML>
但是以上在firefox 中不能显示。
 
mozilla.org建議使用  Unicode。 
  原因是 Webdings是非正統字型，而且需要額外讀取，沒有Webdings字型的平台就會產生訊息不能傳遞的問題。 
  在 維基 找到了所有 unicode 列表 
 
http://zh.wikibooks.org/w/index.php?title=Unicode%2F2000-2FFF&variant=zh-hant 
使用unicode 替换就可以了。 
对wingdings 2字体来说， 上面的} 显示的是一个圆圈里面一个 数字9 ,以上效果在firefox 中却不能显示， 
 
这个图形对象的unicode 是 10110 ,使用以下方式 &#10110; ：
 
<span style="color:red;font-family:Wingdings 2">&#10110;</span> 

summary 一下： 
 1. webdings 在IE 和Chrome 下可以， firefox 需使用unicode 
2. wingdings 2在IE下可以， 在chrome 和firefox 需使用unicode
 
 操作系统的差别 
基本上windows 系统都有安装这些字体， 所以可以通过font-faimily 直接指定， 
可以到 C:\WINDOWS\Fonts 去找到这些字体的文件  后缀名是 .ttf 的。 
但是在Linux系统上， 并没有这些字体。 
linux 安装字体位置是：  /usr/share/fonts . 
 
所幸的是 css3 有一个导入字体文件的方式 @font-face 
从windows 中把对应字体文件(.ttf) copy 处理， 放在web 项目的相应目录下， 如下使用
 
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<script>
</script>
<style>
@font-face{
	font-family:"Wingdings 2";
	src:url(WINGDNG2.TTF);
</style>
</HEAD>
<span style="color:red;font-family:Wingdings 2">&#10110;</span>
</BODY>
</HTML>
    font-family: DeliciousRoman;
    src: url('…/Delicious-Roman.otf');
    font-stretch: condensed;
    font-style: oblique;
    font-weight: bold;
并非所有的浏览器都支持@ font-face的！
目前，@ font-face的支持

 
 Firefox
Opera
Chrome
Safari
Internet Explorer 9
这是你会说他不支持IE9以下的浏览器吗，不用担心，在旧的浏览器使用@ font-face时，不同的浏览器支持特定的字体文件。 
 IE浏览器：EOT
Mozilla浏览器：OTF，TTF
Safari浏览器：OTF，TTF，SVG
歌剧：OTF，TTF，SVG
Chrome浏览器：TTF，SVG

 
Font Squirrel 
Font Squirrel是一个很棒的网站，你应该非常熟悉。Font Squirrel是一家集优质商业使用的免费字体供您下载。最重要的是，他们有@ font-face的工具包部分和@ font-face的工具包生成器。Font Squirrel工具包，为您提供不同的字体类型，你需要支持的每一个浏览器。 
@ font-face的工具包 
Font Squirrel的套件部分是现成的工具包，其中包括多种字体格式，CSS和HTML代码的集合。所有你必须做的是选择一个字体，下载工具包，并复制代码。这是简单，。最重要的是，他们有一个很大的选择充满了巨大的字体。 
                                    刚才研究动网论坛代码，发现一个页面提示标记i感觉很神奇，看了半天才明白原来是一种叫“Webdings”的字体，其实很简单，只需要<font face='webdings' size="30">i</font>即可，真是孤陋寡闻。于是网上搜索一下对照表做个记录
0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o...
                                    Ubuntu下打开WPS提示系统缺失字体：Symbol、Wingdings、Wingdings 2、Wingdings 3、Webdings、MT Extra，WPS无法正确地显示某些符号（公式）！的字体集合。
什么是Webdings
Webdings是一个TrueType的dingbat字体，于1997年发表，搭载在其后的Microsoft Windows视窗系统内，每个图形，都对应一个Unicode编码。
什么是TrueType
TrueType是由App...
这些看上去更像一个图， 一开始以为是使用svg 或是vml 来绘制的。但是查看源代码发现：
<span style="color:lime;FONT-FAMILY: Webdings;padding:0">n</span>
很简单，就是一个span 中的字符， 只不过使用了 Webdings 的字体。
        XWPFDocument doc = new XWPFDocument();      //创建新的word文档
        XWPFParagraph p1 = doc.CreateParagraph();   //向新文档中添加段落
        p1.Set...
                                    今天在调试项目的时候发现日历控件用了左右箭头，后来用IE9的调试功能发现这里是&lt;font face='Webdings'&gt;，后来看了下这是windows内置的一种特殊字符的字体，一下是关于介绍：1. 用法如下：&lt;font face='webdings' size="14"&gt;i&lt;/font&gt;其中 i 可以用一下来的一些字符来表示，具体代表的含义如下图：0 1 2 ...
                                    刚才研究动网论坛代码，发现一个页面提示标记 i 感觉很神奇，看了半天才明白原来是一种叫“Webdings”的字体，其实很简单，只需要i即可，真是孤陋寡闻。于是网上搜索一下对照表做个记录 
0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O
                                    有一种wingdings的字体，对照如下
0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W