如何在网页显示英语音标（附实例）
来源：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
投稿猜你喜欢
InnoDB存储引擎的关键特性包括插入缓冲、两次写（double write）、自适应哈希索引（adaptive hash index）。这- 一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init ai
- 1. OpenCV：模板匹配。 获得小跳棋中心位置2.
- function chinese2unicode(Str) &nbs
- 考察对于知识的理解，除了实际的代码运用，还有一种方法就是问答类的题型。不同于普通的概念叙述，小编认为即使是面试题也会带有一些数学题目的影响，
- 本文实例讲述了python中二维阵列的变换方法。分享给大家供大家参考。具体方法如下：先看如下代码：arr = [ [1, 2, 3], [4
- 背景对接多个外部接口，需要保存请求参数以及返回参数，方便消息的补偿，因为多个外部接口，多个接口字段都不统一，整体使用一个大字段（longte
- 1. 鼠标的哪个按键被点击？<html><head><script type="text/javas
- 如下所示：import matplotlib.pyplot as pltimport numpy as npimport mathdef g
- 通过在File->setting->File and Code Templates设置模板代码，这样就可以在新建python文件
- 一. 视图集与路由的使用使用视图集ViewSet，可以将一系列逻辑相关的动作放到一个类中：list() 提供一组数据retrieve() 提
- vue项目页面空白但不报错产生的原因分析vue项目中我们请求一个路由，打开页面发现页面是空白的，产生的主要原因有四种：1.路由重复如果配置了
- 1 介绍SQL注入漏洞主要是由于，在请求的时候没有做严格的过滤，导致传入的语句被当做SQL语句被执行，从而导致数据库受损（被脱库、删除、甚至
- ①捕捉一个异常捕捉一个异常以用0作为除数会得到ZeroDivisionError异常为例，print(1/0)为例程序的持续执行，不因该异常
- matlab中创建类似字典的数据结构Matlab中创建struct：d = struct('a','1',&
- go和golang之间有区别吗？go和golang之间没有区别，go就是golang，全名是golang，简称go语言。Go（又称 Gola
- 网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。当设
- 在做数据分析或者统计的时候，经常需要进行数据正态性的检验，因为很多假设都是基于正态分布的基础之上的，例如：T检验。在Python中，主要有以
- createTrackbar是Opencv中的API，其可在显示图像的窗口中快速创建一个滑动控件，用于手动调节阈值，具有非常直观的效果。具体
- 切片原型 strs = ‘abcdefg'Strs[start: end:step]切片的三个参数分别表开始，结束，步长第一位下标为
