当每个人都随着时间而改变, 当每件事都变成了过去, 唯一不变的是我们的回忆。

June 26, 2016

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

对于部落格可以更改字体我一直很向往
所以一直再慢慢研究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)




Reaction

0 Miomio留言区 :

Post a Comment

请不要就这样飘过哦~

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

Social Profiles

Twitter Facebook Google Plus LinkedIn RSS Feed Email Pinterest

猫猫自述

My Photo
mio mio
☆猫猫☆已经是两个孩子的妈咪了♥对烘焙和烹饪都有一点热爱,但总是想多过做★在这博客里随着心情记载每一段回忆,让每段回忆都不会因为时间流逝而忘记♥
View my complete profile

Liebster Blog award

Liebster Blog award
Liebster Blog award

猫の版权

MyFreeCopyright.com Registered & Protected

来关注猫猫哦

Miomio の名言

Miomio の名言

猫猫之回忆录

猫友の家

Like My Blog? Followe me~喜欢我的部落格?跟踪我吧~

Followers

Music In miomio

'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();

Contact us

Copyright © "Miomio の 回憶_Memories " | Powered by Blogger
Design by Lizard Themes - Published By Gooyaabi Templates | Blogger Theme by Lasantha - PremiumBloggerTemplates.com