中文字体在CSS中的表达方式_html/css_WEB-ITnose
在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei"; 这样看起来是不是也可以统一一点呢。
中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:
华文细黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |
丽黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro |
丽宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro |
标楷体 | BiauKai | \6807\6977\4F53 |
苹果丽中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 |
苹果丽细宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
细明体 | MingLiU | \7EC6\660E\4F53 |
标楷体 | DFKai-SB | \6807\6977\4F53 |
黑体 | SimHei | \9ED1\4F53 |
宋体 | SimSun | \5B8B\4F53 |
新宋体 | NSimSun | \65B0\5B8B\4F53 |
仿宋 | FangSong | \4EFF\5B8B |
楷体 | KaiTi | \6977\4F53 |
仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
隶书 | LiSu | \96B6\4E66 |
幼圆 | YouYuan | \5E7C\5706 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 |
方正姚体 | FZYaoti | \65B9\6B63\59DA\4F53 |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 |
华文琥珀 | STHupo | \534E\6587\7425\73C0 |
华文隶书 | STLiti | \534E\6587\96B6\4E66 |
华文行楷 | STXingkai | \534E\6587\884C\6977 |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F |
很全面吧,但也不要高兴地太早,因为我们有着人手一个规则的浏览器大军,就算是举着完美支持 CSS 大旗的 Firefox,也有不尽如人意的地方,因为 Firefox 居然不支持以上别名,对它来说 "Microsoft Yahei" 并不是微软雅黑,只能反馈出浏览器默认字体的的结果,唉,浏览器太多也不好,还不如回到 IE 垄断的年代,没有比较,也就没有抱怨。
网维教程网 http://www.wangwenzl.cn/

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
