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>
留言列表
