本篇教程介绍了HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

<

做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-family: "黑体"属性去掉了,一切恢复正常。。。

到网上搜了下,还真有不少人遇到同样的问题,下面摘录一段:

css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了。

只要把font-family: "黑体";

改成

font-family:黑体;

就行了,去掉空格和双引号。

这个问题只存在于IE6中。

在其它网站找到的部分答案:

一处容器的font-family属性里写了"宋体",而IE6一下不解析"" 号,于是就导致整个页面的居中失效

css中指定font-family属性为黑体、幼圆、微软雅黑等,一一无法正常显示(ie7),最终发现原来是CSS文件是gb2312编码,另存为UTF-8后改掉乱码的中文,之后font-family指定中文字体便ok 了~这样看浏览器ms是按utf8对css文件进行解析的

====================================

另,考虑到文件编码问题,在css中推荐使用中文字体的英文表示法,以下附常见中文字体的英文名:

Mac OS的一些:

华文细黑:STHeiti Light [STXihei]

华文黑体:STHeiti

华文楷体:STKaiti

华文宋体:STSong

华文仿宋:STFangsong

儷黑 Pro:LiHei Pro Medium

儷宋 Pro:LiSong Pro Light

標楷體:BiauKai

蘋果儷中黑:Apple LiGothic Medium

蘋果儷細宋:Apple LiSung Light

Windows的一些:

新細明體:PMingLiU

細明體:MingLiU

標楷體:DFKai-SB

黑体:SimHei

宋体:SimSun

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微軟正黑體:Microsoft JhengHei

微软雅黑体:Microsoft YaHei

装Office会生出来的一些:

隶书:LiSu

幼圆:YouYuan

华文细黑:STXihei

华文楷体:STKaiti

华文宋体:STSong

华文中宋:STZhongsong

华文仿宋:STFangsong

方正舒体:FZShuTi

方正姚体:FZYaoti

华文彩云:STCaiyun

华文琥珀:STHupo

华文隶书:STLiti

华文行楷:STXingkai

华文新魏:STXinwei

//===============================

把font-family设为微软雅黑怎么无效

字体设置需要在css的body中设置。另外你的电脑必须安装了微软雅黑字体才能有效的。

body,html{font-family:'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;}

本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!

html中字体 楷体_HTML+CSS入门 CSS设置中文字体(font-family:黑体)后样式失效问题如何解决...相关推荐

  1. html font-family设置无效,HTML+CSS入门 CSS设置中文字体(font-family:黑体)后样式失效问题如何解决...

    本篇教程介绍了HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. ...

  2. css汉字注释乱码,css font-family属性设置中文字体乱码

    一般设置字体,个人都喜欢用中文,比如:font-family:"微软雅黑":但是偶尔会出现设置以后字体显示乱码的问题 解决方法[1]: 看看你的CSS文件的第一行有没有:@char ...

  3. html font-family设置无效,css设置中文字体(font-family:黑体)后样式失效问题

    做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-fa ...

  4. html中怎么写小箭头,HTML+CSS入门 CSS用伪类制作小箭头

    本篇教程介绍了HTML+CSS入门 CSS用伪类制作小箭头,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 本文对轮播图左右按钮的处理方法一改往常,不是简单地用btn.pr ...

  5. 打印html时字号不对,HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决...

    本篇教程介绍了HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 微信调整了字体大小会放大网页的字体,导致 ...

  6. html图片滚动红点_HTML+CSS入门 CSS头像右上角的红点

    本篇教程介绍了HTML+CSS入门 CSS头像右上角的红点,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 说明: 1.主要用到position定位: 2.使用border ...

  7. css好看常用的中文字体

    CSS,font-family,好看常用的中文字体 2014-10-14 例1(小米米官网):font-family: "Arial","Microsoft YaHei& ...

  8. HTML,CSS,font-family:中文字体的英文名称

    HTML,CSS,font-family:中文字体的英文名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 ...

  9. html的公共样式,HTML+CSS入门 CSS公共样式

    本篇教程介绍了HTML+CSS入门 CSS公共样式,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < @charset "utf-8"; *{margin ...

  10. 在matplotlib中设置中文字体

    在matplotlib中设置中文字体 matplotlib库中默认使用的字体是不支持中文的,所以如果需要中文的标签或标题则我们手动去重新设置一个支持中文格式的字体.因为之前我在设置的时候犯了一个很蠢的 ...

最新文章

  1. 把view或者div绘制 canvas ,导出图片功能实现完整源码附效果图(兼容H5和小程序)
  2. java和php本质_JAVA和PHP的区别
  3. 加州最新无人驾驶出租车报告:PonyAI单车运营效率超Waymo
  4. 新手探索NLP(五)
  5. Kubernetes — 调度系统
  6. java中final关键字的用法
  7. PCB生成光绘文件教程 (Z)
  8. 使用SQL Server 2008提供的表分区向导
  9. Lenovo ThinkPad 3999元型号发布 并不属于SL系列
  10. 如何让apache支持php,Apache怎么才能支持PHP程序?
  11. Nero8刻录引导系统光盘镜像图文教程
  12. python地理数据处理 下载_Python批量下载地理空间数据云数据!Python无所不能!...
  13. 微信开放平台认证后怎么实现扫码登录功能
  14. openid与商户appid不匹配
  15. MCV使用ExceptionFilter和log4net记录程序异常日志
  16. [转载]常用自动挂机APP下载
  17. 数字摄影测量考试复习名词解释
  18. Ubuntu 搭建小熊派 hi3861 环境
  19. SpringBoot是什么,可以做什么?
  20. android openal播放器,Android OpenAL 录音参数不正确

热门文章

  1. java实现聊天室(GUI界面+私聊+群聊)
  2. 在线预览PDF(pdfobject)
  3. vm虚拟机怎么访问本地硬盘
  4. 虚拟机 无法 ftp服务器系统,访问不到虚拟机上的ftp服务器上
  5. java经典错误语句_【Java】Java代码经典错误清单
  6. python alpha beta 剪枝_AlphaBeta剪枝算法
  7. 利用高德制作GIS热力图
  8. 科学计算matlab尔雅答案,科学计算与MATLAB语言超星尔雅最新答案大全
  9. 限制编辑的PDF文档没有密码如何破解?
  10. pdf、epub、awz3、mobi电子书下载网站推荐!