关于字体的抗锯齿属性

今天看了看天猫的网站,又了解到了一个新的CSS特性,但是没有被正式的web标准所采用,叫做-webkit-font-smoothing,他有三种属性:

none ------ 对低像素的文本比较好
subpixel-antialiased------默认值
antialiased ------抗锯齿很好

这个就是能够让页面上面的字体看起来更加的清晰。

时间: 2024-10-15 17:05:38

关于字体的抗锯齿属性的相关文章

CSS3中字体平滑处理和抗锯齿渲染

在围观Drupal官方主题的时候,发现了一个有意思的非标准CSS选择器-webkit-font-smoothing,于是上手把玩了一番.如何使用css3字体平滑显示呢  要知道,W3C对CSS中字体的抗锯齿渲染是有过考虑的,如font-smooth,不过可能由于不同操作系统以及浏览器内核对字体的渲染存在差异,总之,他并没有被选入Web标准.但是WebKit还是保留了一套自有的非标准选择器来实现对抗锯齿效果的支持,来让字体显示的更加平滑. -webkit-font-smoothing主要有一下三个

CSS3_-webkit-font-smoothing字体抗锯齿渲染

对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服.在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多. font-smoothing是非标准的CSS定义.它被列入标准规范的草案中,后由于某些原因从web标准中被移除了. 但是,我们可以用以下两种定义进行抗锯齿渲染 -webkit-font-smoothing: antialiased; /*chrome.safari*/ -moz-osx-font-smoothing: grayscale;/*firefox*/ -webkit-font-s

Visual Studio 字体抗锯齿插件 Text Sharp

mac用多了胃口是会被养屌不少,系统字体光mactype渲染还不够,今天终于找到了Visual Studio中可以使用的代码字体抗锯齿插件,效果很爽. 用Consolas字体举例: 惨不忍睹. 特效半开后: 好太多了,已经能满足大部分人的需求. 特效全开: 稍微有点渲染过度,导致字体看上去有点糊,还变瘦了. 有了这个插件以后写代码再也不会不爽了,代码优雅字体也要优雅啊; ) 插件链接:https://visualstudiogallery.msdn.microsoft.com/7aafa2ea-

Linux 下 netbeans 字体抗锯齿正解

转自:http://leenjewel.blog.163.com/blog/static/601937922010124444051/ 说来这个不难,主要是我看网上有的写的不是很明确,甚至有的写的根本不对,在这里写个正解. 在netbeans安装目录找到 etc 目录下的 netbeans.conf 文件,用你喜欢的编辑器打开这个文件,在其中加入这个选项          -J-Dawt.useSystemAAFontSettings=on 这里你要注意了,我用的是6.8版本,别的版本我没实验,

CSS抗锯齿 font-smoothing 属性介绍

CSS3里面加入了一个“-webkit-font-smoothing”属性. 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服. 加上之后就顿时感觉页面小清晰了. 淘宝也在用哦! 它有三个属性: none                                     ------ 对低像素的文本比较好 subpixel-antialiased                ------默认值 antialiased                             

CSS抗锯齿 font-smoothing

CSS3里面加入了一个“-webkit-font-smoothing”属性. 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服. 加上之后就顿时感觉页面小清晰了. 淘宝也在用哦! 它有三个属性: none                                     ------ 对低像素的文本比较好 subpixel-antialiased                ------默认值 antialiased                             

CSS:抗锯齿 font-smoothing

本文引自:http://www.cnblogs.com/sunshq/p/4595673.html -webkit-font-smoothing 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服. 加上之后就顿时感觉页面小清晰了. 淘宝也在用哦! 它有三个属性: none                                     ------ 对低像素的文本比较好 subpixel-antialiased                ------默认值 antial

手机端页面:抗锯齿和快速滚动和回弹效果

-webkit-font-smoothing: antialiased; 使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服 -webkit-overflow-scrolling : touch; 使HTML5网页内都有快速滚动和回弹的效果

PHP合成图片、生成文字、居中对齐、画线、矩形、三角形、多边形、图片抗锯齿、不失真 高性能源码示例

function generateImg($source, $text1, $text2, $text3, $font = './msyhbd.ttf') { $date = '' . date ( 'Ymd' ) . '/'; $img = $date . md5 ( $source . $text1 . $text2 . $text3 ) . '.jpg'; if (file_exists ( './' . $img )) { return $img; } $main = imagecrea