網(wǎng)站字體

網(wǎng)站字體指網(wǎng)站內(nèi)除了圖片外的所有字體，比如你現(xiàn)在正讀著的正文、標(biāo)題等字體。

1、字體的來源：

（1）通過瀏覽器獲取用戶（電腦、手機(jī)）系統(tǒng)中的字體來渲染。

（2）通過瀏覽器獲取（遠(yuǎn)程）服務(wù)器的字體緩存到本地進(jìn)行字體渲染。

2、字體的實(shí)現(xiàn)：

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

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

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

 }

// 網(wǎng)頁渲染時(shí)，瀏覽器會(huì)通過上面所定義的字體，

// 按順序檢索系統(tǒng)是否有該字體，有就用該字體渲染，沒有就繼續(xù)檢索，

// 如果一直檢索不到，瀏覽器會(huì)自動(dòng)渲染宋體（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、字體的版權(quán)

（1）通過CSS直接聲明的字體，會(huì)通過瀏覽器從用戶的電腦中獲取，該字體的版權(quán)已經(jīng)并購在電腦里，屬操作系統(tǒng)所有。網(wǎng)站在使用字體時(shí)，只是對(duì)字體做了聲明，告訴瀏覽器該用系統(tǒng)中的哪種字體來渲染網(wǎng)頁，不涉及侵權(quán)。

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

為什么涉及版權(quán)問題？因?yàn)榫W(wǎng)站嵌入字體，是將字體包（如微軟雅黑.ttf）放在項(xiàng)目文件里，再被CSS樣式聲明和使用，這涉及到該網(wǎng)站是否有這個(gè)字體包的版權(quán)。

圖片字體

圖片字體指網(wǎng)站內(nèi)所有的圖片資源里的字體，包括banner、商品詳情圖等里面的字體。

1、圖片的來源

（1）網(wǎng)站自身提供。

（2）用戶自己上傳。

2、圖片的字體

（1）設(shè)計(jì)過的字體，如banner里、海報(bào)里的藝術(shù)字。

（2）非設(shè)計(jì)過的字體，一般是圖片的描述性文字，如圖片里的標(biāo)題、正文等。

注：非設(shè)計(jì)字體，指沒被二次處理過的字體。

3、圖片字體的版權(quán)

除了圖片內(nèi)使用的可商用字體外，其他非設(shè)計(jì)過的字體都涉及版權(quán)問題，會(huì)根據(jù)圖片的來源追溯網(wǎng)站或用戶的版權(quán)。