1. 程式人生 > 實用技巧 >軟工實踐個人總結

軟工實踐個人總結

技術標籤: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}