而在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>