軟工實踐個人總結
阿新 • • 發佈:2020-12-12
技術標籤:chromesvg網頁設計webviewselenium
一般系統支援的網頁常見中文字型有:宋體、雅黑、黑體。但是大多網站使用電腦自帶微軟雅黑(方正的)可能侵權
p {
font-family: Arial,sans-serif;
}
可免費商用字型百度自行下載 一、系統自帶字型 黑體、楷體、宋體、新宋體、仿宋、幼圓、隸書 可以免費商用。 二、思源字型 思源黑體、思源宋體可以免費商用。 三、站酷字型 站酷高階黑、站酷酷黑、站酷快樂體 可以免費商用。 四、藝術類字型 龐門正道標題體、龐門正道粗書體 可以免費商用。 五、可商用英文字型 Times New Roman
用上面字體制作網頁就不會有問題了
字型轉換網站https://www.fontke.com/tool/convfont/
新增自定義特殊字型:
第一步
獲取要使用字型的三種檔案格式,確保能在主流瀏覽器中都能正常顯示該字型。
.TTF或.OTF,適用於Firefox 3.5、Safari、Opera
.EOT,適用於Internet Explorer 4.0+
.SVG,適用於Chrome、IPhone
@font-face { font-family: 'aaaaaa';//自定義字型名稱 src: url("../font/x/x.eot"); /* IE9 */ src: url("../font/x/x.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../font/x/x.woff") format("woff"), /* chrome, firefox */ url("../font/x/x.ttf") format("truetype"), url("../font/x/x.svg#DINCondRegular") format("svg"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ }
第二步
獲取到幾種格式的字型檔案後,在頁面中需要的地方使用該字型即可:
p{font-family: aaaaaa}