網站字體

網站字體指網站內除了圖片外的所有字體，比如你現在正讀著的正文、標題等字體。

1、字體的來源：

（1）通過瀏覽器獲取用戶（電腦、手機）系統中的字體來渲染。

（2）通過瀏覽器獲取（遠程）服務器的字體緩存到本地進行字體渲染。

2、字體的實現：

1.通過CSS樣式直接聲明字體：

body{  font-family: Helvetica Neue,PingFang SC,

Microsoft YaHei, Source Han Sans SC,Noto Sans CJK SC,sans-serif;

 }

// 網頁渲染時，瀏覽器會通過上面所定義的字體，

// 按順序檢索系統是否有該字體，有就用該字體渲染，沒有就繼續檢索，

// 如果一直檢索不到，瀏覽器會自動渲染宋體（SimSun）。

2.通過CSS樣式嵌入字體：

@font-face {  font-family: "fontname";  src: url('fonts/fontname.eot);

  src: url('fonts/fontname.eot) format('embedded-opentype'),  url('fonts/fontname.ttf) format('truetype'), 

  url('fonts/fontname.svg) format('svg'); 

}

3、字體的版權

（1）通過CSS直接聲明的字體，會通過瀏覽器從用戶的電腦中獲取，該字體的版權已經并購在電腦里，屬操作系統所有。網站在使用字體時，只是對字體做了聲明，告訴瀏覽器該用系統中的哪種字體來渲染網頁，不涉及侵權。

（2）通過CSS樣式@font-face嵌入網站的字體，除了可商用字體（如思源黑體）不涉及版權外，其他字體均涉及版權問題。即使是用戶系統中已有的字體，例如“微軟雅黑”。

為什么涉及版權問題？因為網站嵌入字體，是將字體包（如微軟雅黑.ttf）放在項目文件里，再被CSS樣式聲明和使用，這涉及到該網站是否有這個字體包的版權。

圖片字體

圖片字體指網站內所有的圖片資源里的字體，包括banner、商品詳情圖等里面的字體。

1、圖片的來源

（1）網站自身提供。

（2）用戶自己上傳。

2、圖片的字體

（1）設計過的字體，如banner里、海報里的藝術字。

（2）非設計過的字體，一般是圖片的描述性文字，如圖片里的標題、正文等。

注：非設計字體，指沒被二次處理過的字體。

3、圖片字體的版權

除了圖片內使用的可商用字體外，其他非設計過的字體都涉及版權問題，會根據圖片的來源追溯網站或用戶的版權。