在編寫CSS時,我們經常會用到不同字體。然而,需要注意的一點是中文和英文的字體有所不同。下面我們來詳細討論一下。
/* 英文字體 */ font-family: "Helvetica", sans-serif; /* 中文對應字體 */ font-family: "PingFang SC", "Microsoft YaHei", "Helvetica", sans-serif;
上述代碼分別表示了英文和中文對應的字體。在英文中,我們常用的字體是Helvetica,但在中文中,該字體可能不適用。中文中常用的字體有"Microsoft YaHei"和"PingFang SC"。
使用PingFang SC時需要注意的是,其僅適用于Mac系統。而Microsoft YaHei則適用于Windows系統。
/* 例子 */ h1 { font-family: "PingFang SC", "Microsoft YaHei", "Helvetica", sans-serif; font-size: 3.6rem; }
在上述例子中,我們使用了"PingFang SC"、"Microsoft YaHei"、"Helvetica"三個字體。如果用戶使用的是Mac系統,則會優先顯示PingFang SC字體;如果使用的是Windows系統,則會優先顯示Microsoft YaHei字體。如果都不存在,則使用上一級fallback(回退)字體Helvetica。
總之,為了確保網站的內容清晰、易讀,我們需要在CSS中謹慎使用字體。
上一篇css 中表達式