标签:CSS

对WordPress 4.6使用原生字体代替谷歌字体的改进

在常阳时光的博文《WordPress 4.6 将使用原生字体代替谷歌字体》中提到: WordPress 4.6 将使用原生字体代替谷歌字体,所选用字体覆盖了所有主流操作系统,包括:安卓,苹果iOS,Windows,苹果macOS,以及Linux。 完整的CSS代码如下: font-family: -apple...

继续阅读

自适应视频播放器CSS代码

因为家人身体不适,因此只能在家宅着折腾下代码。 在从良未遂博文《实用代码》中提到: 插入自适应媒体已经是刚需了,之前也介绍过一种姿势,貌似这个更简单一些。当在你自己的网站插入优酷这样的视频播放器后你会发现它的高宽都是固定的,而且你在用手机...

继续阅读

近期用的字体

昨晚及中午抽空对全站稍作改进,统一了三个平台(Mac、Windows各版本、Ubuntu)下的字体,以更现代的细黑为主。 主要字体: 1、STHeiti Mac系统下当仁不让的美字。 @font-face { font-family:'stheiti'; src:url("../fonts/STHeiti-Light.ttc"); } 2...

继续阅读

让图片自适应手机宽度

临睡前把iPhone充了电实验了一下在iOS的Safari中看travel.synyan.net的效果,发现图片撑破了主题,而字体过小,拥挤在左侧,绝壁给常用手机阅读鄙人博客的童鞋带来了不便。怎么解决呢,方法挺简单,找到子主题style.css中的img样式定义,然后加上max-width...

继续阅读