三
19
10月
2011
网站美化技巧：在标题中使用个性字体
你想美化一下自己的Jimdo网站，但是不知怎么做？那是否觉得你的字体有点无聊？没有比修改这更简单的了！用Google网页字体，你可以让你网站标题的字体更为个性！
1. 打开网站：http://www.google.com/webfonts（在接下来的过程中这个网站要始终开着）。
2. 选择一种你喜欢的字体。
3. 点击“quick use”你将会进入设置区域。你可以在这里对不同部分进行选择（斜体、粗体等）。
4. 设置完成后，你可以在下方看到一段代码。
5. 复制这段代码然后加入Jimdo网站的head部分。编辑head部分可以在右侧编辑栏中的设置栏里找到。
6. 然后你需要回到Google网页字体页面，复制步骤4页面的CSS代码。
7. 在这里我们是要改变网站标题的字体，所以需要相关的Selector样式。在这种情况下可以使用：#emotion-header-title。
8. 现在，我们可以结合相应的CSS代码，得到以下内容：
<style type="text/css">
#emotion-header-title {font-family: 'Gochi Hand', cursive !important;}
</style>
（你也可以通过直接修改上面那段代码中font-family:后的字体达到相同。比如你想使用字体'Pinyon Script',你可以把前面代码中的font-family: 'Gochi Hand'修改为font-family: ' Pinyon Script '）
9. 把这段代码复制到前面的HTML代码下。
10. 现在，只要按下“保存”按钮，就能把字体应用到你的标题部分了。
使用前的标题效果
使用后的标题效果
11. 小提示：用Google网页字体和CSS你可以自定义字体，把自定义字体使用到标题、文字、链接等任意地方！不过现在Google网页字体只支持英文字体。不过相信再过不久就能推出中文字体了！
评论: 5
-
#1
Slewing bearing called slewing ring bearings, is a comprehensive load to bear a large bearing, can bear large axial, radial load and overturning moment. http://www.1stbearing.com
-
#2
hao hao
..........,,,,,,,,,,,,,,!!!!!!!!!! -
#3
This is a really good post.<a href="http://www.monsterbeatscable.biz" title="monster beats by dre headphone">Monster beats by dre headphone</a>
Must admit that you are amongst the best bloggers I have read. Thanks for posting this informative article.
-
#4
[url=http://www.beatscable.com/beats-by-dre-sport-powerbeats-over-ear-headphone-white-p-217.html]beats by dre sport powerbeats over-ear headphone[/url]
[url=http://www.beatscable.com/beats-by-dre-studio-diamond-blue-headphone-p-225.html]Beats by dre studio diamond blue headphone[/url]
[url=http://www.beatscable.com/beats-by-dre-studio-headphone-pink-p-202.html]Dr Dre Beats studio pink headphone[/url]
[url=http://www.beatscable.com/beats-by-dre-studio-headphone-red-p-201.html]Dr Dre Beats Studio Red Headphone[/url]
[url=http://www.beatscable.com/beats-by-dre-tour-with-controltalk-headphone-purple-p-212.html]Beats by dre tour controltalk headphone purple[/url]
[url=http://www.beatscable.com/beats-by-dre-turbine-pro-gold-audiophile-in-ear-headphon-p-224.html]Monster beats by dre turbin pro gold audiaphile in ear[/url]
[url=http://www.beatscable.com/betas-by-dre-diddybeats-in-ear-headphone-pink-p-221.html]Beats by Dre Diddybeats in ear headphone[/url] -
#5
http://www.rockheadphone.com/monster-beats-by-dr-dre-pro-headphone-white-p-24.html Monster Beats Dr Dre Pro Headphone White
http://www.rockheadphone.com/monster-beats-by-dr-dre-studio-isolation-headphone-black-p-58.html Monster Beats Dr Dre Studio Isolation Black Headphone
http://www.rockheadphone.com/monster-beats-by-dr-dre-studio-isolation-headphone-red-p-61.html Monster Beats Dr Dre Studio Isolation Red Headphone
http://www.rockheadphone.com/justbeats-studio-purple-p-64.html Dr Dre Justbeats Studio Purple Headphone
http://www.rockheadphone.com/monster-beats-by-dr-dre-studio-isolation-special-edition-pink-p-59.html Dr Dre Beats Monster Studio Isolation Special Edition Pink Headphone
打印版本