做项目时偶遇的一诡异问题,同样的代码,在ff和IE7以上页面显示正常,但IE6无论怎么改都不起作用,本来以为是IE6的某些浮动bug所致,结果弄了很长时间也不行,后来不经意间把原来设定的font-family: "黑体"属性去掉了,一切恢复正常。。。
到网上搜了下,还真有不少人遇到同样的问题,下面摘录一段:
css文件里font-family: "黑体";这句会导致后面的css定义全部不起作用了。
只要把font-family: "黑体";
改成
font-family:黑体;
就行了,去掉空格和双引号。
这个问题只存在于IE6中。
在其它网站找到的部分答案:
http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti
一处容器的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
出自:
相关推荐
postcss-minify-font-values 使用PostCSS缩小字体声明。 该模块将尝试最小化font-family , font-weight和font速记属性; 它可以在必要时取消对字体系列的引用,检测并删除重复项,并在找到关键字后缩短声明。 ...
font-weight:关键字|数值设置文本字体粗细 normal:正常 bold:粗体 bolder:特粗 lighter:细体 font:font-family font-style font-variant font-weight font-size 一次设置字型、斜体、 小型大写字母、粗细及...
定义好`@font-face`后,就可以在CSS中像使用其他系统字体一样使用自定义字体了: ```css body { font-family: 'MyWebFont', sans-serif; } ``` 这段代码会让网页的文本使用"MyWebFont"字体,如果浏览器不支持或...
postcss-font-family-system-ui 允许您遵循规范在CSS中使用system-ui 。 body { font : 100 % / 1.5 system-ui;}/* becomes */body { font : 100 % / 1.5 system-ui , -apple-system , Segoe UI , Roboto , Noto ...
看到一些css重设,请问设置font-size:100%的目的和作用是什么? ————————————————————————————— 假如你设置body{font-size:12px;} 但h1是不会继承这个12px,它会按照一定百分比增加...
当中文字体被指定在font-family属性中时,这个列表就变得尤为重要,因为中文字体的种类繁多,且并不是所有的中文字体都能在所有用户的系统上找到。 对于中文字体而言,常见的CSS默认中文字体包括如下几种,这些字体...
在这个实例中,我们将为网页中的表格内文本设置特定的样式:颜色为红色,字体为黑体,大小为24px,行高为50像素,并添加删除线。 **步骤1:添加表格文本样式** 1. 在`wz1.css`中添加: ```css table td { color:...
当我们将`font-weight`设置为`bold`时,浏览器会尝试找到一个比当前字体更粗的样式,如果找不到,可能会选择一个接近的字体,这可能导致字体大小的微小变化,进而引起元素尺寸的变化。 在上述问题中,实现方式1直接...
bootstrap 图标显示需要的5个字体文件glyphicons-halflings-regular @font-face { font-family: 'Glyphicons Halflings'; src: url('../common/css/fonts/glyphicons-halflings-regular.eot'); src: url('../...
为了解决这些问题,现代网页设计中常常采用`@font-face`规则来实现图标,这种方法被称为图标字体或者符号字体。本篇文章将详细讲解如何通过`@font-face`和CSS3技术来实现icon图标。 `@font-face`是CSS3中引入的一个...
在实际开发中,为了保持页面的一致性,开发者通常会创建一个全局的CSS样式表,将字体设置作为一部分基础样式,而不是在每个元素上单独设置。这样可以提高代码的可维护性和可读性。 总结来说,`font-family`属性在...
在CSS3中,`@font-face`规则是一个强大的特性,允许开发者引入非系统字体到网页设计中,从而提供更丰富的视觉体验。这个功能打破了浏览器对系统内置字体的依赖,使得设计师能够灵活地使用各种定制字体,提升网站的...
最近在项目开发过程中遇到如下问题:开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图: 打开控制台查看元素样式,发现在开发环境的时候”微软雅黑”被解析成unicode编码并且带着双引号, 但使用...
### 字体类型 - `font-family` 属性 - **含义:** 设置元素的字体系列。 - **举例:** ```css p { font-family: Verdana, "楷体"; } body { font-family: Times, "Times New Roman", "楷体"; } ``` ### ...
font-family:arial}.baidu{font- size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;} .baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk {color:#000;font-weight:...
- `YourWebFontName`: 这是你自定义的字体名称,用于在CSS中通过`font-family`属性引用。 - `source`: 指定字体文件的路径,可以是相对路径或绝对路径。多个源文件可以使用逗号分隔。 - `format`: 用于指定字体文件...
<style type="text/css"> A:link,A:active,A:visited{TEXT-DECORATION:none ;Color:#3C2F1D} A:hover{TEXT-DECORATION: underline;Color:#4455aa} BODY{ FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: 宋体; ...
本文将深入讲解如何使用CSS来美化网页中的文字,主要涵盖字体设置和字号调整两个方面。 首先,我们来看如何设置文字的字体。CSS中的`font-family`属性用于定义文字的字体类型。例如,如果你想让文字显示为黑体,...
在 CSS 中,可以使用 font-family、font-size、font-style、font-weight 等属性来设置文字的样式。例如,设置标题的样式为黑体、居中、文字颜色为白色、背景颜色为绿色: `h1 { font-family:黑体; text-align:...