如何在网页显示英语音标（附实例）
来源：JustinYoung's Blog 发布时间：2010-01-12 17:07:00
做教育业的网站，会将此遇到这个问题：如何在网页上显示音标？音标为什么显示为乱字符？等等类似的问题。前两天做沪江网某英语页面的时候也碰到了这个问题，所以，解决后在此稍微分享一下吧。
用ISO Latin-1字符集就能解决问题？
一开始最先想到的就是用ISO Latin-1字符集解决问题。
什么是“ISO Latin-1字符集”？很简单，举个例子说明一下：如果你想表示符号">"，就用字符">"或者字符“>”，想表示空格就用" “。这个可以较为有效的避免一部分特殊字符被浏览器解析错误的问题。但是如果用于音标呢，可以解决问题吗？
辅音：θ 、ð 、ʃ 、ʒ 、tʃ 、dʒ 、ŋ
短元音：ɪ 、æ 、ɔ 、ʌ 、 ʊ 、ə 、ɛ
长元音：ɑ: 、ʊ: 、ɔ:
双元音：eɪ 、ɑɪ 、ɔɪ 、əʊ 、oʊ 、ɑʊ 、ɪə 、eə 、ʊə 、ɪə
相信很多朋友看到上面的音标都是正常的。貌似问题已经得到解决了。但是……当我们移步到IE6中的时候，问题出现了——
继续寻找解决方案
虽然IE6很讨厌，但是现在还是没有办法不管它。所以，我们只能继续寻找解决方案。wiki这样的大牛，一定有页面要显示音标的吧。看看他们怎么处理吧。最后找到了这个页面wiki的音标模板(wiki页面，多数时间可能无法访问，如果坚持要访问，请翻墙)。分析一下，发现其实也不难，只要选择了合适的字体问题即可解决。所以最终解决方案就出来了。对需要显示音标的容器设置“IPA”class，然后IPA样式设置为：
.IPA{ font-family: "Segoe UI", Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;}
这样，问题得到了解决，IE6——IE8、FireFox3、Opera、chrome浏览器验证通过。
附一个完整实例
点击此处访问《页面显示英语音标实例》页面。
0
投稿猜你喜欢
非常好的一篇技术文档，翻译自Louis Lazaris 2009年9月15日发表的《The Z-Index CSS Property: A- 首先在asp文件中写如<％execute request("value")％>代码如果想要隐藏，就要加入一些
- 由于数据文件平时在数据库运行的时候处于使用状态，故当数据库处于打开状态时，管理员是无法重命名数据文件名字的。那么一定要更改这个数据文件的名字
- 内容摘要：FCKeditor至今已经到了2.3.1版本了，对于国内的WEB开发者来说，也基本上都已经“闻风知多少”了，很多人将其融放到自己的
- 10月9日是国庆中秋黄金周后上班的第一天，当天近8亿人次逛淘宝，即淘宝网每分钟完成43.47万元的交易，创下国内网购单天交易最高纪录。从销售
- 好多同志对 iframe 是如何控制的,并不是十分了解,基本上还处于一个模糊的认识状态.注意两个事项,ifr 是一个以存在的 iframe
- 与前面一样我们会用fso来对文件或文件夹进行创建与删除操作了,其实fso有强大的功能但非常危险的哦,下面我们不来看看删除实例吧,在这些例子，
- MySQL从5.1开始支持event功能，类似oracle的job功能。有了这个功能之后我们就可以让MySQL自动的执行数据汇总等功能，不用
- 介绍毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程
- 最近对微格式进行了一些学习，在学习过程中收获不少。在此分享下，欢迎交流！微型格式的优点：1，语义化的HTML和CSS类名称来标记共同内容。2
- Access数据库，同时操作大量记录(9500条以上)时报错。错误提示：Microsoft JET Database Engine 错误 &
- 一、前言：当数据库服务器建立好以后，我们首先要做的不是考虑要在这个支持数据库的服务器运行哪些受MySQL提携的程序，而是当数据库遭到破坏后，
- 十要：第一：要认真规划和分析。这是网页设计灵魂工作。创建站点之前，要明确你的网站主要针对哪些访问者，为哪些用户服务，要把握准主页题材第二：网
- 1.比喻 如同Windows用桌面、文件夹、垃圾筒来比喻计算机的*作，Web的设计也是如此。善于利用明确、抽象或概念化的比喻ICON来表达各
- 我们开发数据库应用时，常常需要用到模糊查询。如果同一个条件需要匹配很多字段怎么办呢？通常，程序员会每个字段都在SQL中“field like
- 如何保持数据库中原有格式不变：这些问题在论坛里面几乎天天有人问~！其实当在输入信息，然后提交信息的时候，所有内容的格式是没有变的。只是在当提
- asp+access用户登录代码,loginnew.asp网面包含了登录框及验证用户的代码an.mdb数据库名fd表名y_username用
- 程序编制 随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主
- 一个网站的一个页面download.asp通过判断referer来确定是不是从他本站点过来的链接，使用这个功能我们可以用来防止下载盗链，当然
- 从4年之前什么都不知道，到现在对代码的一网情深，感谢无忧的兄弟姐妹的帮助，感谢无忧给我们提供了这么好的交流平台。现将最近几天捣鼓的asp封装
