網站字體
網站字體指網站內除了圖片外的所有字體,比如你現在正讀著的正文、標題等字體。
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、圖片字體的版權
除了圖片內使用的可商用字體外,其他非設計過的字體都涉及版權問題,會根據圖片的來源追溯網站或用戶的版權。