---
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 字型`