css字體設置技巧

時間 2020-05-20

標籤 css 字體設置技巧欄目 CSS 简体版

原文原文鏈接

在設置網頁時會選擇一些新鮮或花樣的字體，但並非全部用戶都有這種字體，那麼這個時候怎麼樣作更穩妥？html

 <!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #div1{
    font-family:'STXingka','NSimSun','SimSun'，serif;/*注：字體爲華文行楷，新宋體，宋體，serif告訴瀏覽器若是實在找不到前面的幾種字體就隨便找一個有襯線字體*/
   }
   #div2{
    font-family:'Microsoft JhengHei','Microsoft YaHei','SimHei',sans-serif;/*注：字體爲微軟正黑體，微軟雅黑，黑體，sans-serif告訴瀏覽器若是實在找不到前面的幾種字體就隨便找一個無襯線字體*/*/
   }
  </style>
 </head>
 <body>
  <div id="div1">牀前明月光，疑似地上霜。<br />舉頭望明月，我是郭德綱。</div>
  <div id="div2">牀前明月光，疑似地上霜。<br />舉頭望明月，我是郭德綱。</div>
 </body>
</html>

效果：瀏覽器

相關標籤/搜索