🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

CSS3: @font-face

想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的 @font-face。

代码如下:

 

@font-face {
	font-family: qianduanNet;
	src: url("SketchRockwell.ttf");
}

.fontFace{
font-family: qianduanNet;
font-size: 3.2em;
letter-spacing: 1px;
text-align: center;
}

 

 

但这需要你去下载字体,相对而言 Google Font Directory 就方便太多了。只可惜目前不支持中文。

不过简单的中文用英文代替,大家都可以看得懂的。嘿嘿,因此在 b3log 的新皮肤中头部使用到了Google Font Directory 中的两中字体,实际效果图如下。

 

 

你可以到 Google Font Directory 上面选择你喜欢的字体,然后点击进入,选择 use this font, 相应的添加 link 和 CSS 就可以搞定了


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步