教程 | 更换部落格里的字体

By mio mio - 3:24 PM

对于部落格可以更改字体我一直很向往
所以一直再慢慢研究HTML里的Code
为自己写了这篇笔记记载下来

对于字体我没有特别去网站下载
因为没有下载该字体的人是无法看见字体的效果的
所以我选择在自己Window里有的字体做选择 

例如我们时常看到的字体是这样的
http://wendyshim.blogspot.my/
Miomio の 回憶_Memories 

其实我们可以更换成自己喜欢的,例如:

http://wendyshim.blogspot.my/
http://wendyshim.blogspot.my/
Miomio の 回憶_Memories
Miomio の 回憶_Memories


如何得知字体名字 ?

建议开Microsoft World

选择自己喜欢的字体
然后 Copy 起来那个名字

打开模板- 编制模板HTML
按 CTRL + F 找  
. post-title    
通常会在=========POSTS===========下面
(以上的代码是指里面的文章标题与内容的字体)
找到后在后面加入以下程序码
 {font-family:"Cambria",仿宋;margin:5px 0 20px 0; text-align:center; } 
红色的字体是你可以更改你喜欢的字体,
例如我需要英文字体Cambria,也需要华语字体 "仿宋"
那么就可以在中间加个逗号后面记得要放 就可以了。

以下是已经更改字体的效果图:


 再来就是代码的意思
可以在找到每个代码后在后面添加以下程序码
 {font-family:"Cambria",仿宋;
那么部落格就会全部都改变字体了
红色字体可以更换成你要的字体

代码解释:
/* POSTS */  的下面可以找到
.post-body
(以上的代码是指封面标题与内容的字体) 


/* MENUS */ 的下面可以找到
#secondary-menupbt
(以上的代码是指旁边的SIDEBAR标题与内容的字体) 


按 CTRL + F 找  
h1, h2, h3, h4, h5, h6  
(以上的代码是指h1 (header) / h2 (gadget title) / h3 (post-title) / h4 (post-footer)




  • Share:

You Might Also Like

0 Miomio留言区

请不要就这样飘过哦~

谢谢你的留言,
给我更多的动力写文,
感恩。 (^_^)

Powered by Blogger.

Liebster Blog award

Liebster Blog award
Liebster Blog award

Instagram Picture