让 “微软雅黑” 在IE6下完美显示

最新推荐文章于 2024-10-04 06:11:34 发布

weixin_30566063

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量87

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/h-change/p/5000841.html

版权

微软雅黑可以说是网页中最常见的字体了，但是往往在IE8+的浏览器上调试得很好，到了IE6则会变成默认的"宋体"。

因为宋体字体宽度通常比雅黑的要宽，有时候会把页面都布局挤乱。

为了解决这个问题，把html标签改成如下格式就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

重点是这一段：dir="ltr" lang="zh-CN" xml:lang="zh-CN"

dir，代表页面文本内容的方向，ltr应该是"left to right"的简写，意思是从左到右布局，而rtl就是从右到左了。

lang，是规定网页是何种语言，默认应该是"en"，代表英文，zh-CN代表中文。HTML 语言代码参考手册

xml:lang，XHTML文档的语言定义。

同时设置lang和xml:lang是为了在不同浏览器间去的最大的兼容性。

转载于:https://www.cnblogs.com/h-change/p/5000841.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30566063

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于ie8中微软雅黑字体显示的问题

weixin_30530523的博客

01-23

176

最近在做一个页面的时候，发现在ie8浏览器（也包括ie7）中，字体有显示发虚，甚至大小不一样的问题。经过追查，发现原来是使用透明滤镜后，对字体的渲染造成了影响。解决方法有两种：若需要使用透明滤镜，可以给使用滤镜的元素加一个背景色。效果如下，不过字体还是有一些发虚。当然，最根本的方法还是避免使用滤镜了。转载于:https://www.cnblogs.com/...

IE6下雅黑显示

gkyh899的专栏

10-23

478

看过腾讯WSD用户体验团队的blog，发现那个blog在IE6下博客标题也能完美的显示微软雅黑字体，这一点让我能够尽快的找到解决的方案，虽然在想到这个办法之前在网上搜了很多相关IE6下字体显示的相关资料，但是都解决不了这个问题，最后一咬牙直接把WSD的页面存下来一步一步的排除，最终找到了解决方案！只要在HTML标签里加上 dir="ltr" lang="zh-CN" 就可以解决“微软雅黑”字体

参与评论您还未登录，请先登录后发表或查看评论

ie6,ie7,ie8 css bug兼容解决记录

Frey_Yang的博客

12-02

477

1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想要的结果，或许

解决IE6下position:fixed失效的方法

andybruse

09-27

782

E6浏览器不支持position:fixed，IE7/8/9、Firefox和chrome等浏览器都支持Fixed定位。如何解决这个问题呢？方法一：针对ie6写hack，其他的浏览器仍然用position:fixed属性。使用position:absolute绝对定位来解决。构造一个滚动条，这个滚动条是包含该文档内容的滚动条（它可以是body，也可以是某个div）。position:

替换字体打造Windows7全雅黑美化效果

朝着梦想渐行前进

06-19

9037

替换字体打造Windows7全雅黑美化效果

IE6,IE7,IE8 css bug汇总以及兼容解决方法

jactionlin的专栏

06-03

1461

断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例外。　　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，

ie6 7 8下的一些bug和解决办法

ywj5200的专栏

12-20

332

IE6/7/8/CSS/BUG以及兼容问题解决方法

拾光

02-16

1619

ie6,ie7,ie8 css bug汇总以及兼容解决方法1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例外。　　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有影响，左右无影响。所以只好笨手笨脚地把padding去掉，换成

IE6 IE7 IE8 css bug兼容性解决方法总结归纳

weixin_34353714的博客

06-20

154

转载自 http://blog.csdn.net/freshlover/article/details/7605207 1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引起，padding的上下值对li有...

雅黑字体对IE中的网页布局的影响

12-10

5月20日，微软正式提供了Windows XP下可用的雅黑字体下载，雅黑字体是一款近乎完美的字体，解决了宋体小文字无法辩认的问题，特别是对于液晶显示器（LCD），在开启ClearType效果之后，你就会得到一个更加完美的视觉...

使用CSS3配合IE滤镜实现渐变和投影的效果

01-21

线性渐变在CSS3和IE滤镜中的实现对于完美主义者来说，为了一个渐变而使用一张图片是一件痛苦的事情，就像有鼻屎不抠掉一样痛苦= =。所以对于普通的渐变而言，能用CSS解决的就不去动用图片。　CSS3中为我们提供了...

h5页面自定义字体_H5页面字体设置

weixin_36184940的博客

01-12

4611

H5页面不支持MicrosoftYaHei(微软雅黑)别傻傻的设置微软雅黑字体了如果一定要微软雅黑操作如下@font-face 定义为微软雅黑字体并存放到 web 服务器上，在需要使用时被自动下载@font-face {font-family: ‘MicrosoftYaHei’;src: url(‘MicrosoftYaHei.eot’); /* IE9 Compat Modes */src: ...

html自定义列表一行排列,WEB前端设计完美的自定义列表dl，dt，dd

weixin_32522079的博客

06-24

2040

经常会在网页上看见类似这样的页面效果：下面就应用无懈可击的WEB设计方案来实现它：(HTML代码添加在BODY之中，CSS代码添加在之间，一定要编辑在之间)HTML代码：class="box-left">href="images/moon1.jpg"target="_blank">src="images/suo-moon1.jpg" width="200" height="200"/&...

XHTML 简介

wjs2024的博客

10-04

890

XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。

ARKit（iOS的增强现实）：ARKit的物体检测与空间映射.docx

最新发布

11-01

ARKit（iOS的增强现实）：ARKit的物体检测与空间映射

基于android SmartRefreshLayout h.zip

11-01

基于android SmartRefreshLayout h

国内市场：功能化脂质市场现状研究分析与发展前景预测报告（2024版）.docx

11-01

国内市场：功能化脂质市场现状研究分析与发展前景预测报告（2024版）.docx

14) REHub - 价格比较、联盟营销、多供应商商店、社区主题 v19.7.7.zip

11-01

REHub 是一个多功能的 WordPress 主题，专为价格比较、联盟营销、多供应商商店和社区网站设计。以下是 REHub 的主要特点：价格比较功能：内置强大的价格比较工具，用户可以轻松创建和管理产品比较表，帮助消费者找到最佳价格。联盟营销支持：主题设计支持多种联盟营销方案，允许用户通过推广产品赚取佣金。多供应商商店：集成了多供应商功能，用户可以轻松创建一个平台，让多个供应商在同一网站上销售商品。灵活的页面构建：与 WPBakery 和 Elementor 兼容，用户可以通过拖放的方式轻松创建和定制页面，适应不同需求。丰富的预建模板：提供多个预建网站模板，用户可以快速导入并进行个性化修改，以适应特定的商业模式。响应式设计：确保网站在各种设备（手机、平板、桌面）上均能良好展示，优化用户体验。 SEO 优化：主题经过优化，有助于提高搜索引擎排名，吸引更多流量。多种内容模块：包括产品展示、用户评论、评级系统等，帮助用户丰富网站内容。持续更新与支持：定期更新主题，确保用户获得最新功能和安全性，同时提供专业的客户支持。总的来说，REH

技术资料分享Z-Stackapi函数非常好的技术资料.zip

11-01

技术资料分享Z-Stackapi函数非常好的技术资料.zip

matplotlib 显示微软雅黑

05-18

要在 Matplotlib 中显示微软雅黑字体，需要先确保已经安装了微软雅黑字体。然后可以使用以下代码将其设置为默认字体： ```python import matplotlib.pyplot as plt plt.rcParams['font.family'] = 'Microsoft YaHei...