[筆記] 網頁跨平台文字設定 Font-Family

章節連結

在網頁設定中,往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時,其字型究竟是怎樣被決定的。基本上,中文字型內有包含英文字型,還有各大作業系統的內建字型不同,同時還有使用者本地端語言的問題。

html logo


說明

1. 英文字型要在前,中文字型要在後

因為中文字型裡頭會包含英文字型。若中文字型在前,那後面的英文字型永遠不會被使用到

2.字型通用度小的要在前面

如果你將標楷體設定放在華康少女體前面,那後者也是永遠不會被使用到的

3.sans-serif 這個通用字型要放在最後

4.同一個中文字體,它的中文和英文名稱都要並陳

你不會知道使用者的電腦上是使用 “Microsoft JhengHei” 還是 “微軟正黑體”

通用設定參考


相關文章

  • [筆記] Ultimate AWS Certified Developer Associate (38)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (54)
  • [指南] Vue Proxy Server 搭配 POST 的正確使用方式
  • [筆記] Ultimate AWS Certified Developer Associate (37)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (53)
  • [筆記] Ultimate AWS Certified Developer Associate (36)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (52)
  • [筆記] Ultimate AWS Certified Developer Associate (35)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (51)
  • [筆記] Ultimate AWS Certified Developer Associate (34)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (50)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 18 multer 上傳到 imgur 功能
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (49)
  • [筆記] Ultimate AWS Certified Developer Associate (33)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (48)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 17 JWT 登入註冊功能
  • [筆記] Ultimate AWS Certified Developer Associate (32)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (47)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (46)
  • [筆記] Ultimate AWS Certified Developer Associate (31)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (45)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 16 Swagger 初步教學
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (44)
  • [筆記] Ultimate AWS Certified Developer Associate (30)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (43)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 15 全方面的 Error 管理
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (42)
  • [筆記] Ultimate AWS Certified Developer Associate (29)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 14 Middleware 設計
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (41)
  • [筆記] Ultimate AWS Certified Developer Associate (28)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 13 Express 框架初探
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 12 連接遠端資料庫和環境變數設置
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (40)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (39)
  • [筆記] Ultimate AWS Certified Developer Associate (27)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (38)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 11 Mongoose 實作運用
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (37)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 10 Mongoose 額外補充和模組化
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (36)
  • [筆記] Ultimate AWS Certified Developer Associate (26)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 9 Mongoose 連線基本操作
  • [筆記] Ultimate AWS Certified Developer Associate (25)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (35)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 8 – Promise, async 和 await
  • [筆記] Ultimate AWS Certified Developer Associate (24)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (34)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 7 – MongoDB 操作 CRUD 相關指令(下)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (33)
  • [筆記] Ultimate AWS Certified Developer Associate (23)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 6 – MongoDB 操作 CRUD 相關指令
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (32)
  • [筆記] Ultimate AWS Certified Developer Associate (22)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (31)
  • [筆記] Ultimate AWS Certified Developer Associate (21)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 5 – MongoDB 環境建置
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (30)
  • [筆記] Ultimate AWS Certified Developer Associate (20)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (29)
  • [筆記] Ultimate AWS Certified Developer Associate (19)
  • [指南] Heroku 自動佈署子資料夾的專案
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 4 – 佈署到 Heroku 遠端
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (28)
  • [筆記] Ultimate AWS Certified Developer Associate (18)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 3 – POSTMAN 和自建 TodoList API Server
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (27)
  • [筆記] Ultimate AWS Certified Developer Associate (17)
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 2 – npm
  • [筆記] 前端、行銷需知道的 GTM 綁定 Google Analytics 用 JavaScript 客製化追蹤
  • [筆記] Ultimate AWS Certified Developer Associate (16)
  • [筆記] 前端特殊字元處理邏輯
  • [筆記] 六角學院 Node.js 2022 直播班記錄 – 1 – Node.js 介紹和 node 模組原理
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (26)
  • [筆記] Ultimate AWS Certified Developer Associate (15)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (25)
  • [筆記] Ultimate AWS Certified Developer Associate (14)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (24)
  • [筆記] Ultimate AWS Certified Developer Associate (13)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (23)
  • [筆記] Ultimate AWS Certified Developer Associate (12)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (22)
  • [筆記] Ultimate AWS Certified Developer Associate (11)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (21)
  • [筆記] Ultimate AWS Certified Developer Associate (10)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (20)
  • [筆記] Ultimate AWS Certified Developer Associate (9)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (19)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (18)
  • [筆記] Ultimate AWS Certified Developer Associate (8)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (17)
  • [筆記] Ultimate AWS Certified Developer Associate (7)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (16)
  • [筆記] Ultimate AWS Certified Developer Associate (6)
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (15)
  • [筆記] Ultimate AWS Certified Developer Associate (5)
  • [筆記] PHP 中傳入 JavaScript 的參數值到網址列 Query
  • [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (14)
  • [筆記] JavaScript 不重整頁面動態修改 URL 中的 Query 參數
  • [筆記] Ultimate AWS Certified Developer Associate (4)
  • 按讚加入粉絲團

    延伸閱讀