Google Fonts有中文字體

Google Fonts有許多的英文字型可以讓網頁文字有更多的變化。
而在Google的Web Font Early Access中,已經有五種中文字型了,
只要以CSS的語法就直接可以套用在網頁上,也有提供字型下載。
網址:https://www.google.com/fonts/earlyaccess

網頁字型測試,因為還要由Google下載字型,所以會比較慢一點。

<!DOCTYPE html>

<head>

    <title>Google 黑體字與D3.js測試</title>

    <meta charset="utf-8">

    <style>

        @import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);

  @import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

  @import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);

  @import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css);

  @import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css);

    </style>

</head>



<html>

    <head> 

        <meta charset="utf-8" />

  <title>Test7_D3.js</title>

  <script src="d3/d3.min.js"></script>

    </head>

    <body>

     <p style="font-size:1.5em;"> 我家門前有小河(正常) </p>

     <p style="font-family: cwTeXHei, sans-serif;font-size:1.5em;"> 我家門前有小河(黑體) </p>

  <p style="font-family:cwTeXFangSong, serif;font-size:1.5em;"> 我家門前有小河(仿宋體) </p>

  <p style="font-family: cwTeXKai, serif;font-size:1.5em;"> 我家門前有小河(楷體) </p>

  <p style="font-family: cwTeXMing, serif;font-size:1.5em;"> 我家門前有小河(明體) </p>

  <p style="font-family: cwTeXYen, sans-serif;font-size:1.5em;">我家門前有小河(圓體) </p>

 </body>

</html>