-webkit-font-smoothing

针对图标字体进行抗锯齿渲染。

font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。

使用：

body,html{

-webkit-font-smoothing: antialiased; /*chrome、safari*/-moz-osx-font-smoothing: grayscale;/*firefox*/

}

（1）Webkit在自己的引擎中支持了这一效果。

-webkit-font-smoothing

它有三个属性值：

none ------ 对低像素的文本比较好

subpixel-antialiased------默认值

antialiased ------抗锯齿很好

（2）Gecko也推出了自己的抗锯齿效果的非标定义。

-moz-osx-font-smoothing: inherit | grayscale;

这个属性也是更清晰的作用。

转载于:https://www.cnblogs.com/wang715100018066/p/7865636.html

-webkit-font-smoothing相关推荐

github前端面试题1
2016/7/20 Myblog/ FrontendDeveloperQuestions/ QuestionsandAnswers at master · markyun/Myblog · GitHu ...
外文翻译 | 你以为你会用Math.random() ? 不，你不会……
文章目录制造动画效果 HTML CSS JavaScript 电子音乐 HTML SCSS CoffeeScript 随机显示图片 HTML CSS JavaScript 随机背景颜色 Pug SC ...
Tailwind Typographic
排版样式字体集合(font family) Tailwind默认采用三种网络安全的字体集合,分别是sans.serif.mono 工具类说明 font-mono 等宽字体,每个字母宽度相等,用于模 ...
利用 CoreGraphics 绘制折线图
效果与元素分析实现效果图如下: 首先对折线图进行元素分割包含以下六部分元素渐变背景折线折线上的点折线范围内渐变参考线文本显示的 Label 除了6之外,其他几个元素都在 draw(_: ...
使用mintty(_如何使用Mintty改善Cygwin控制台
使用mintty( Cygwin's great for getting some Linux command-line goodness in Windows, but using the Wind ...
macos mojave_如何修复macOS Mojave上的模糊字体（使用亚像素抗锯齿）
macos mojave Apple's macOS Mojave disables subpixel antialiasing, also known as font smoothing, by d ...
手机页面操作栏的创建及WebFont的使用
一.手机界面底部操作栏的创建. 1 <style> 2 .opers{ 3 position:absolute; 4 bottom:0px; 5 left:0px; 6 right:0px ...
fedora17 安装配置
wujihuawu@sina.com-自由.共享.奉献 QQ:353061239 fedora17 安装配置-终极版 2012-6-14 本文分五部分:第一部分:基本配置(即安装基本的软件及多媒体等) ...
翻译：vscode官方文档 - 设置
原文用户和工作区设置通过 vscode 的各种设置可以很容易地配置您喜欢的地方.vscode 的编辑器.用户界面和功能行为的几乎每个部分都有您可以修改的选项. VS代码为设置提供了两个不同的作用域 ...
imagettftext php,imagettftext
用户评论: [#1] danielslcosta at gmail dot com [2015-07-01 19:27:05] Note that imagettftext and imagettfb ...

-webkit-font-smoothing

-webkit-font-smoothing相关推荐

最新文章

热门文章