--- tags: 設計|商用授權 --- # 字體|蘋果字型能夠商用嗎?|印刷|網頁|APP ### 先講結論:可以,但有前提! **頻果字體合理的使用授權範圍,利用在頻果裝置所製作的圖像、影像等,皆可用於個人或商業用途,但禁止用戶複製和公開分發 Font Book 的電子字體文件,提供其他非 Apple 硬件上使用。**  **特別注意:不可於網頁伺服器中內嵌字型檔,因為這樣等同讓非 Apple 硬件上可直接取用。** --- ### 字體小知識:眾多 APPLE 字型中「頻方 繁體」是誰製作的? > 蘋方[1](英語:PingFang[註 1])是蘋果公司委託威鋒數位為蘋果五大作業系統(watchOS、tvOS、macOS、iOS、iPadOS)所開發的專有字型家族,屬於無襯線黑體 威鋒數位(DynaComware),原名華康科技(DynaLab),是一家台灣電腦軟體公司,為台灣少數以電腦字型為主要產品的科技公司。 可見字體其版權的合法使用性,是必須非常重視與謹慎使用的! --- ### 但在網頁設計時中想使用「APPLE 字型」該怎麼辦? **可合理使用範圍:** * 單純圖片設計(網頁 banner、照片、海報等圖檔) * 網頁字型 CSS 設定(電腦裡預設系統字,若使用方沒有該字體則,無法顯示或替換其他字型) **須取得字體公司授權:** * 網頁 CSS 內嵌字型檔 or 直接連結引用(@improt) * APP 內嵌字型檔 --- ### 設計師想使用 APPLE 字體進行網頁 UI 設計時,如何正當使用? #### 遵守兩個大前提: > 1. 不內 Apple 嵌字型於網頁伺服器 > 2. 需使用 Apple 硬件(Mac、ipad...)進行創作 我們知道網頁若不能內嵌字型、外部引用字型, 這樣等同於 CSS 無法取用該字型於網頁呈現。 **Plane A** 所以對設計師來說,無非只能將 Apple 字型改為圖檔呈現, 或是改以其他您可取得的合法授權字體。 **Plane B** (我個人比較傾向的解決辦法) 設定 Apple 字型於 CSS 當中,另外加入一個取代字型 (例如 Google Fonts)。 當使用者本機端「有」 Apple 字型時,方能順利顯示該字型, 若使用者本機端「無」 Apple 字型時,則使用取代字型(例如 Google Fonts)。 「取代字型」需是一個能保證使用者可取用的字型檔, 且須為你能取得的合法授權網頁字型,內嵌或引入網頁中。 以下程式碼範例: `font-family: 'Roboto', 'Noto Sans TC', '微軟正黑體', 'Arial', sans-serif;` 如果網頁沒有掛載任何字體檔案,那麼同樣在 Chrome 瀏覽器中…… * Windows 使用者會看到微軟正黑體的中英文。 * Mac 使用者則會看到 Arial 的英文字及蘋方體的中文。 --- 參考資料: * [Can OSX fonts be used commercially](https://discussions.apple.com/thread/7493969?answerId=30593709022#30593709022) * [苹方字体可以商用吗](https://discussionschinese.apple.com/thread/140120504) * [蘋方|維基百科](https://zh.wikipedia.org/wiki/%E8%8B%B9%E6%96%B9) * [威鋒數位|維基百科](https://zh.wikipedia.org/wiki/%E5%A8%81%E9%8B%92%E6%95%B8%E4%BD%8D) * [入門網頁字型指南|一塊設計](https://apodesign.tw/uiux/getting-started-with-website-font-2/) --- ###### tags: `CSS` `字型` `字體` `Fonts` `web font` `網頁字型` `Apple Fonts` `Apple 字型`
×
Sign in
Email
Password
Forgot password
or
Sign in via Google
Sign in via Facebook
Sign in via X(Twitter)
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
Continue with a different method
New to HackMD?
Sign up
By signing in, you agree to our
terms of service
.