ChiuYau.com

ChiuYau.com

對不同語言使用不同的字體 CSS

有些字體 只對某種語言有效

如果我們想同時在一個網頁使用多種語言以及多種字體,就比較麻煩了。
而我有搜索過不同的方案,最有效的方案我將在下面講述,我也知道有比較容易的方法,但是不一定所有瀏覽器都看得明白。
所以,我要講述的方法應該是最好的,如果有更好的,歡迎在下方留言。

首先,我們要明白,什麼是 UTF-8

接著,我們需要知道自己想在什麼語言上使用不同的字體。

比如說中文,中文的 Unicode (UTF-8) Range (中日韓統一表意文字)是:

List of CJK Unified Ideographs, part 1 of 4 (U+4E00..U+62FF) 第一部分 即是 U+4E00-62FF
List of CJK Unified Ideographs, part 2 of 4 (U+6300..U+77FF) 第二部分 即是 U+6300-77FF
List of CJK Unified Ideographs, part 3 of 4 (U+7800..U+8CFF) 第三部分 即是 U+7800-8CFF
List of CJK Unified Ideographs, part 4 of 4 (U+8D00..U+9FFF) 第四部分 即是 U+8D00-9FFF

我們需要添加以下的 CSS:

@font-face {
font-family: 'noto_serif_scregular' !important;
src: url('你的字體文件.woff2') format('woff2'),
url('你的字體文件.woff') format('woff');
font-weight: normal;
font-style: normal;
unicode-range: U+4E00-62FF, U+6300-77FF, U+7800-8CFF, U+8D00-9FFF !important;}

我們加上 !important 去獲得比原先字體更高的優先級。

以上CSS代碼中的 Unicode Range 我在上方的 中日韓統一表意文字 中有說明。

如果是其他代碼的 Unicode Range,可以自行 Google / Wikipedia.

gitcssfontlang
朗读
赞(1)
赞赏
感谢您的支持,我会继续努力哒!

三合一收款

下面三种方式都支持哦

微信
QQ
支付宝
打开支付宝/微信/QQ扫一扫,即可进行扫码打赏哦
版权属于:

ChiuYau.com

本文链接:

https://chiuyau.com/55(转载时请注明本文出处及文章链接)

评论 (0)