告诉渲染引擎工作时如何优化显示文本。浏览器会在渲染速度、易读性(清晰度)和几何精度方面做一个权衡。
是一个SVG-可缩放矢量图形(Scalable Vector Graphics)属性,目前尚没有任何的CSS标准对其进行定 义。
语法:
text-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit
auto:
当绘制文本时,浏览器会进行智能识别,何时应该从速度、清晰度和几何精度方面进行优化。
optimizeSpeed:
当绘制文本时,浏览器会着重渲染速度,而不是清晰度和几何精度。该属性值不能用于字距调整和连字。Gecko默认开启该属性,Firefox 是默认20px以下开启该属性。
optimizeLegibility:
当绘制文本时,浏览器会侧重文本的可读性(清晰度),而不是渲染速度和几何精度。该属性值可以用于字距调整和连字。
使用CSS 3的@font-face来渲染文字的情况越来越多,易读性开始被关注和重视。尤其是小号的文字。由于目前还没有CSS属性控制显示在线字体的微妙细节,Safari 5,Chrome和Webkit系列浏览器支持text-rendering启用kerning 和 ligatures。
Gecko 和WebKit 浏览器处理这个属性的方式很不一样。前者默认启用这个特性,而后者,需要将其设置为optimizeLegibility。Firefox默认20px以上字体文本会开启该属性。
geometricPrecision:
当绘制文本时,浏览器会着重几何精度,而不是清晰度和渲染速度。字体的某些
方面,比如字间距并不是按照线性比例进行渲染的,因此该属性可以使得设置为
这些字体的文本看起来很整洁。
http://blog.csdn.net/freshlover/article/details/9853363
分享到:
相关推荐
CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本,属性text-rendering正是一个SVG属性,目前尚没有任何的CSS标准对其进行定义,本文附有示例,感兴趣的朋友可以参考下
Real-Time-Rendering-3rd提炼总结.pdf.zip
server-side-rendering-comparison, 服务器端渲染比较 服务器端呈现比较基准信息NODE_ENV=production 。renderToString 都需要 lib 而不是 dist具有 600个dom节点运行# preparenpm installnpm run
$ brew install cmake ninja npm$ git clone --recursive https://github.com/unicode-org/text-rendering-tests.git$ cd text-rendering-tests$ for engine in CoreText FreeStack TehreerStack fontkit OpenType....
该插件添加了实用程序,可在Tailwind CSS中使用image-rendering 。 安装 将此插件添加到您的项目中: # Install using pnpm pnpm install --save-dev tailwindcss-image-rendering # Install using npm npm install...
S3032-Advanced-Scenegraph-Rendering-Pipeline
erma.zip,在erma的api实现中,极可重用的监控api(极可重用的监控api)是一个被设计成适用于所有监控需求的工具api。设计目标是“使检测和日志记录一样简单”。降低添加检测所需的工作量将鼓励开发人员在任何有意义...
server-side-rendering-master.rar
xwiki-rendering.zip,xwiki呈现-语法-xhtmlhe xwiki呈现引擎
Algorithm-parallel-volume-rendering.zip,群集上并行体绘制的概述和详细讨论。我们描述了在高性能集群上实时呈现大数据的算法、优化技术和挑战。,算法是为计算机程序高效、彻底地完成任务而创建的一组详细的准则。
Time-Rendering Tricks and Techniques in DX.rar
shaderx3书籍,advanced-rendering-with-directx-and-opengl,对于shader的学习有帮助,注意是英文版的
Text-to-speech is a technology for taking written text and rendering it as synthesized speech. Windows Vista includes text-to-speech engines in the English (U.S.) and Chinese (simplified) language ...
Real-Time Rendering, Fourth Edition 实时渲染最新版 第四版PDF,下载地址见文档....
Silhouette Rendering Pencil Rendering Acknowledgments Bibliography Alpha Blending as a Post-Process Benjamin Hathaway Introduction The Alternatives The Source Artwork Initial Attempts The Screen-Space...
Thoroughly revised, this third edition focuses on modern techniques used to generate synthetic three-dimensional images in a fraction of a second. With the advent or programmable shaders, a wide ...
Physically Based Rendering 3rd Edition. PBR is, as Joe Wilson puts it, "more of a concept than a strict set of rules"[3] – but the concept contains several distinctive points of note. One of these is...
关于libignition-rendering5 主页: : 软件包许可证:Apache-2.0 原料许可证: 摘要:点火渲染 当前构建状态 蔚蓝 变体 地位 linux_64_ogre1.10 linux_64_ogre1.12 osx_64_ogre1.10 osx_64_ogre1.12 win_...