close
話說雖然PIXNET是台灣最大的BLOG,可是我一直都覺得PIXNET的中文字型醜死了
![醜2 醜2](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/boyofsky/1415606831-2201944693.jpg)
看比較新的blog類似logdown就會覺得中文字看起來好看很多
搞得讓我很想要換陣地
![醜1 醜1](https://imageproxy.pixnet.cc/imgproxy?url=https://pic.pimg.tw/boyofsky/1415606788-197005539.jpg)
剛好前陣子在看HTML跟CSS的書,學到了利用CSS來修改字型
翻了一下PIXNET的BLOG的原始碼 然後自己try了一下
發現可以利用CSS方式使用GOOGLE的網路字型,
整個字體就煥然一新了阿(轉圈)
(下面是對照的字型)
剛好前陣子在看HTML跟CSS的書,學到了利用CSS來修改字型
翻了一下PIXNET的BLOG的原始碼 然後自己try了一下
發現可以利用CSS方式使用GOOGLE的網路字型,
整個字體就煥然一新了阿(轉圈)
接下來就講解怎麼樣換字型
首先必須得在文章的最前面加上
link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700%7CPT+Serif:400,700,400italic,700italic%7CSource+Code+Pro:400,700" rel="stylesheet" type="text/css" >
這段CSS是指我們的網頁到fonts.googleapis.com網站抓GOOGLE字型
接著在文字段落前加上
div style="font-family: Georgia,PT Serif,Times New Roman,Times,serif; font-size: 120%;">
文字段落後加上
/div>
用div包起來就是代表這中間的區塊使用PT Serif字型
這樣就可以看到中間段落被換成漂亮的GOOGLE字型了!!!!!
耶使!!!!!!!!
文章標籤
全站熱搜