話說雖然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="https://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字型了!!!!! 耶使!!!!!!!!
創作者介紹
創作者 Blake 的頭像
boyofsky

Blake

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