`

非标准的属性text-rendering

    博客分类:
  • css
阅读更多
告诉渲染引擎工作时如何优化显示文本。浏览器会在渲染速度、易读性(清晰度)和几何精度方面做一个权衡。
是一个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`是一个非标准但实用的CSS属性,它提供了一种方式来影响文本的视觉效果,特别是在SVG和自定义字体的场景中。在跨浏览器的开发中,需要考虑不同浏览器对这个属性的支持程度和行为差异。

    server-side-rendering-comparison, 服务器端渲染比较.zip

    server-side-rendering-comparison, 服务器端渲染比较 服务器端呈现比较基准信息NODE_ENV=production 。renderToString 都需要 lib 而不是 dist具有 600个dom节点运行# preparenpm installnpm run

    Real-Time-Rendering-3rd提炼总结.pdf.zip

    3. **着色器**:现代实时渲染中,顶点着色器和片段着色器是GPU编程的核心,用于计算几何体的位置、颜色和其他属性。更复杂的着色器如物理为基础的着色(PBR)提供了更加真实的视觉效果。 4. **抗锯齿**:消除图像...

    text-rendering-tests:Unicode的文本渲染引擎测试套件

    $ 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....

    tailwindcss-image-rendering:Tailwind CSS的图像渲染实用程序

    该插件添加了实用程序,可在Tailwind CSS中使用image-rendering 。 安装 将此插件添加到您的项目中: # Install using pnpm pnpm install --save-dev tailwindcss-image-rendering # Install using npm npm install...

    xwiki-rendering-syntax-apt-5.2-milestone-1.zip

    erma.zip,在erma的api实现中,极可重用的监控api(极可重用的监控api)是一个被设计成适用于所有监控需求的工具api。设计目标是“使检测和日志记录一样简单”。降低添加检测所需的工作量将鼓励开发人员在任何有意义...

    xwiki-rendering-syntax-xhtml-6.1-rc-1.zip

    "xwiki-rendering-syntax-xhtml-6.1-rc-1.zip"这个压缩包,包含了XWiki呈现模块的源代码,特别是针对XHTML语法的处理部分,这对于我们理解XWiki如何处理和渲染XHTML文档非常有价值。 首先,我们来探讨一下XHTML...

    server-side-rendering-master.rar

    server-side-rendering-master.rar

    Algorithm-parallel-volume-rendering.zip

    Algorithm-parallel-volume-rendering.zip,群集上并行体绘制的概述和详细讨论。我们描述了在高性能集群上实时呈现大数据的算法、优化技术和挑战。,算法是为计算机程序高效、彻底地完成任务而创建的一组详细的准则。

    Real-Time Rendering 4rd全彩高清

    Real-Time Rendering 4rd最新版,高清大概800M,详细介绍渲染知识

    Text-to-speech

    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

    附件为百度网盘链接。...Real-Time Rendering Forth Edition 2018年最新第四版,实时计算机图形学百科全书全新版本,图形学必备,完美pdf版本,非扫描版,可以选择字体,强烈推荐。文件较大,将近1G。

    Screen-Space-Perceptual-Rendering-of-Human-Skin-Slides.zip

    "Screen-Space-Perceptual-Rendering-of-Human-Skin-Slides" 提供的文档着重介绍了如何在屏幕上模拟人类皮肤的感知渲染技术。 首先,我们要理解皮肤的基本结构。它由三层主要部分组成:薄油层、表皮和真皮层。薄...

    Real-Time Rendering, Fourth Edition PDF

    Real-Time Rendering, Fourth Edition 实时渲染最新版 第四版PDF,下载地址见文档....

    Real-Time Rendering 4th Edition高清全彩版

    Real-Time Rendering 4th Edition(实时渲染第4版) 高清全彩版,图形学/游戏方向实时渲染经典书籍推荐,仅供学习使用。百度网盘下载链接永久有效。

    gpu-pro-360-guide-Rendering2018

    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...

    Real-Time Rendering 4th Edition完整版 全彩 892MB

    Real-Time Rendering 4th Edition完整版 全彩 pdf 892MB 这里挂的是百度云链接

    xwiki-rendering-xml-5.4-rc-1.zip

    标题 "xwiki-rendering-xml-5.4-rc-1.zip" 提示我们这是一个与XWiki渲染引擎相关的软件包,版本为5.4的候选发布1版。XWiki是一款开源的、基于Java的wiki平台,它允许用户创建、编辑和管理结构化的文档。这个特定的...

Global site tag (gtag.js) - Google Analytics