close




話說雖然PIXNET是台灣最大的BLOG,可是我一直都覺得PIXNET的中文字型醜死了

醜2







看比較新的blog類似logdown就會覺得中文字看起來好看很多

搞得讓我很想要換陣地

醜1










剛好前陣子在看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字型了!!!!!

耶使!!!!!!!!







arrow
arrow
    文章標籤
    CSS PIXNET
    全站熱搜

    boyofsky 發表在 痞客邦 留言(1) 人氣()