web中font漫谈

日常前端开发中,少不了与字体打交道。一般小网站的开发中只需要使用系统默认字体即可,但需要制作特殊效果的网站避免不了第三方字体的引入! 1. 系统默认字体如何使用 1. web-safe字体 不同设备的系统默认字体是不相同的,不同系统之间的字体更是不同,比如Mac、windows,他们各自的系统字体不相同,但是有几种字体是他们共同支持的: web安全字体有20种左右,网上到处都是这类总结,点击此处查看web安全字体。 2. 前端字体兼容写法 原文链接:http://caibaojian.com/css-font.html 字体的分类有很多种,可以参考这个 Wi Continue reading

Google搜索技巧

1. 双引号 把搜索词放在双引号中,代表完全匹配搜索,也就是说搜索结果返回的页面包含双引号中出现的所有的词,连顺序也必须完全匹配。baidu和 Google 都支持这个指令。例如搜索: “中国 上海” 2. 减号 减号代表搜索结果不包含减号后边的词,相当于集合中的差。需要注意的是减号前边必须有一个空格,后边可以不跟。baidu和 Google 都支持这个指令。例如搜索:中国 -上海 3. *号 *号通常作通配符使用,也可以用在Google搜索中,但是百度不支持使用 * 号。其含义为包含任何文字。例如搜索:中国 * 上海 4. inurl 用于搜索查询词在url中出现的页面, Continue reading

解决chrome下字体不能小于12px的问题

前端问题多如牛毛,兼容问题更是十占其九,今天我们简单说说Chrome浏览器不支持小于12像素的问题。 以上图片从左到右分别是chrome,safari和firefox浏览器,当然,没有IE,因为mac上没有IE啊,啊哈哈哈哈哈哈。可以看出来只有在chrome上字体小于12px的没有生效,这是因为chrome认为当字体小于12px就会增加识别难度,所以设置了浏览器最小字体为12px。但是在实际的开发工作中,难免会遇到一些需求是需要实现小于12px的字体的,那么怎么解决这些问题呢? 1. 避免字体小于12px的需求 当然,这一条建议属于瞎比比,但是确实是需要注意的,在UI设计的时候开发 Continue reading