Rumah hujung hadapan web html tutorial css中font-family的中文字体_html/css_WEB-ITnose

css中font-family的中文字体_html/css_WEB-ITnose

Jun 24, 2016 am 11:51 AM

说到css中的font-family,相信很多朋友经常用,但不知道当你遇到引用中文字体的时候你会怎么写?
最近特别关注了下,发现最常用的基本有三种类型:

  • 1、直接中文;
  • 2、英文形式;
  • 3、unicode码;
  • 前面两种形式很好理解,unicode码是什么意思呢?下面看基本定义:

    Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。

    更多内容请查看百度百科对Unicode的介绍。
          介绍完方案,再谈下使用。之前在看玉伯写的一篇文章《中文字体在 CSS 中的写法》 中提到:font-family中用到的宋体,“用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法”。我在网上搜索了下相关内容,大多都是摘抄这篇文章,并没有提到具体哪个版本的Firefox和Opera会不支持英文的写法。
    对比下,三种方法各有优缺点:中文形式的方便记忆,但在不支持中文的系统或者编码的页面则无法正常显示;英文形式的兼容了系统和编码的问题,但不方便记忆,又可能有潜在的风险;unicode码兼容性最好,但也存在记忆难的问题。
          综合权衡下,在性能和安全第一的条件下,还是推荐使用unicode码。如果不是太严格的情况下,可以选择其他两种。


    下面整理下常用的各种字体的不同显示形式,方便使用的时候查找:中文名英文名Unicode

    Windows
    * 宋体SimSun\5B8B\4F53
    * 黑体SimHei\9ED1\4F53
    * 微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1
       微软正黑体Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53
       新宋体NSimSun\65B0\5B8B\4F53
       新细明体PMingLiU\65B0\7EC6\660E\4F53
       细明体MingLiU\7EC6\660E\4F53
       标楷体DFKai-SB\6807\6977\4F53
       仿宋FangSong\4EFF\5B8B
       楷体KaiTi\6977\4F53
       仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312
       楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312


    Mac OS
    * 华文细黑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
       丽黑 ProLiHei Pro Medium\4E3D\9ED1 Pro
       丽宋 ProLiSong 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

    上表中标*为常用字体

    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

    Alat AI Hot

    Undresser.AI Undress

    Undresser.AI Undress

    Apl berkuasa AI untuk mencipta foto bogel yang realistik

    AI Clothes Remover

    AI Clothes Remover

    Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

    Undress AI Tool

    Undress AI Tool

    Gambar buka pakaian secara percuma

    Clothoff.io

    Clothoff.io

    Penyingkiran pakaian AI

    AI Hentai Generator

    AI Hentai Generator

    Menjana ai hentai secara percuma.

    Artikel Panas

    R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
    1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Tetapan grafik terbaik
    1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
    Akan R.E.P.O. Ada Crossplay?
    1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

    Alat panas

    Notepad++7.3.1

    Notepad++7.3.1

    Editor kod yang mudah digunakan dan percuma

    SublimeText3 versi Cina

    SublimeText3 versi Cina

    Versi Cina, sangat mudah digunakan

    Hantar Studio 13.0.1

    Hantar Studio 13.0.1

    Persekitaran pembangunan bersepadu PHP yang berkuasa

    Dreamweaver CS6

    Dreamweaver CS6

    Alat pembangunan web visual

    SublimeText3 versi Mac

    SublimeText3 versi Mac

    Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

    Apakah tujuan & lt; kemajuan & gt; unsur? Apakah tujuan & lt; kemajuan & gt; unsur? Mar 21, 2025 pm 12:34 PM

    Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

    Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

    Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

    Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

    Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

    Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif? Mar 20, 2025 pm 05:56 PM

    Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

    Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

    Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

    Adakah HTML mudah belajar untuk pemula? Adakah HTML mudah belajar untuk pemula? Apr 07, 2025 am 12:11 AM

    HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.

    Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras Apr 08, 2025 pm 07:05 PM

    HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.

    Apakah contoh tag permulaan dalam html? Apakah contoh tag permulaan dalam html? Apr 06, 2025 am 12:04 AM

    Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.

    See all articles