BUGCC NOTE

标签: CSS

微软雅黑在 WordPress 前端显示字符间距实践

现在大部分的 WordPress 博客都在使用 微软雅黑 这个字体来作为显示文章的主要字体,毕竟 Windows 平台下好的字体实在是太少了。但是 微软雅黑 这款字体也有不好的地方,因为它看起来像是被压扁了一点,实际上也确实如此。

也正是因为被压扁了点,在默认字符间距(letter-spacing)下,排版文字被挤在了一起,对阅读造成了不好的影响,所以为了能够在 Lingonberry 主题下达到理想的阅读体验,我尝试调整了 Lingonberry 主题里的字符间距(letter-spacing)。

微软雅黑最佳字符间距(letter-spacing):0.06 em

下面就记录一下具体步骤。

继续阅读

Lingonberry 主题关于 Google Fonts 的折腾笔记

googlefontsloading

因为 Lingonberry 主题是国外的主题,所以原主题在字体的设置上采用的是 Google Fonts(http://fonts.googleapis.com),而我们在国内使用这款主题,没有了 Google Fonts 的支持,网站的加载速度被无限延长,直接导致页面打开时间增加。 继续阅读

Lingonberry 子主题 Gallery 样式 CSS

WordPress 默认的 Gallery 样式不理想,所以萌生了想要修改一下默认 Gallery CSS 的想法,所以就动手了。

下图就是修改后的 Gallery CSS 样式(你也可以点击 这里 体验效果):

edit lingonberry child theme gallery style1

继续阅读

给 Lingonberry 主题建立子主题

自从打算将 Anders Norén 与2013年设计的 Lingonberry 主题作为 bugcc.com 的主题后,吸取之前的经验,打算使用 wordpress 的子主题功能来修改 Lingonberry 主题,因为通过这样的方式,当父主题被更新的时候,子主题所做的修改就可以保存下来。 继续阅读

修改 Lovephoto 主题标准发文样式

今天和朋友聊天,说到了 mufeng 的 lovephoto 主题标准发文样式没有特色图片,即便后台发文时添加了也不会显示,想了想就折腾了一下 mufeng 的主题的标准发文样式。

Lovephoto2.0.1 这个主题标准发文样式是不调用特色图片的,所以考虑了一下以后想尝试修改这个主题的标准发文样式。
好了,开始动手!

继续阅读

Copyright © 2018 BUGCC NOTE

申请友链
杂时代 李翔宇 野狼建都