- 综合排序
- 最热优先
- 最新优先
- 来自专栏后端开发笔记
七夕节快乐--来自于程序员的表达
: auto;} #box img:nth-child(2){ transform: rotateY(36deg) translateZ(650px);text-rendering : auto;} #box img:nth-child(3){ transform: rotateY(72deg) translateZ(650px);text-rendering : auto;} #box img:nth-child(4){ transform: rotateY(108deg) translateZ(650px);text-rendering : auto;} #box img:nth-child(5){ transform: rotateY(144deg) translateZ(650px);text-rendering : auto;} #box img:nth-child(6){ transform: rotateY(180deg) translateZ(650px);text-rendering
27730编辑于 2022-11-18 - 来自专栏grain先森
12 个 Css 小技巧
所以可以让设备浏览器来帮助你： html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering 此外，IE /Edge没有 text-rendering 支持。
1.5K10发布于 2019-04-22 - 来自专栏前端资源
分享：12个CSS小技巧，让你的代码简洁高效
所以可以让设备浏览器来帮助你： html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering 此外，IE /Edge没有 text-rendering 支持。
1.2K20发布于 2019-11-13 - 来自专栏私人订制
分享些css字体
字体一 使用方法复制下面代码放到全局css里面即可 body,p,a { font-family: 'comic sans ms'; text-rendering: geometricPrecision
2.1K10编辑于 2023-05-11 - 来自专栏吟风者
vue element-ui 图标选择组件vue-fontawesome-elementui-icon-picker
important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing
6.8K10发布于 2019-07-25 - 来自专栏jQuery每日经典
Material Design Lite，简洁惊艳的前端工具箱
text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-smoothing: antialiased; /*text-rendering must be set for local host fonts*/ text-rendering: optimizeLegibility; -moz-font-feature-settings: '
1.3K10编辑于 2022-01-20 Safari浏览器统一字体之自定义CSS样式表
important; /* 使用根元素中定义的字体变量 */ letter-spacing: -.0245rem; /* 字母间距微调 */ text-rendering: optimizeLegibility
1.1K00编辑于 2024-10-29- 来自专栏极客编程
Material Design Lite ，简洁惊艳的前端工具箱
text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-smoothing: antialiased; /*text-rendering must be set for local host fonts*/text-rendering: optimizeLegibility; -moz-font-feature-settings: 'liga
1.6K30发布于 2018-09-04 - 来自专栏Node.js开发
Taro框架使用第三方icon
font-face 的 font-family 要一致*/ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering
3.6K137发布于 2020-09-01 - 来自专栏程序猿的栖息地
20个常用的CSS技巧，收藏就是捡到
所以可以让设备浏览器来帮助你： html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering 此外，IE /Edge没有 text-rendering 支持。 10.
63530编辑于 2022-04-29 - 来自专栏flytam之深入前端技术栈
常用的 CSS 技巧
所以可以让设备浏览器来帮助你： html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering 此外，IE /Edge没有 text-rendering 支持。
1K00发布于 2020-01-14 - 来自专栏沈唁志
给 WordPress 主题 C7V5 评论框添加插入图片按钮
word-wrap: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering
95730发布于 2018-12-14 - 来自专栏程序员成长指北
Web图标的工程化方案
font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering
1.4K10发布于 2021-05-28 - 来自专栏张戈的专栏
WordPress导航菜单图标字体插件font awesome 4 menus纯代码版
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering
3.6K50发布于 2018-03-21 - 来自专栏老K博客
适合收藏，一些CSS优化技巧！
input:focus-visible { outline: 2px solid blue; } 75. text-rendering实现最佳字体呈现 通过text-rendering属性改善文本呈现效果 .optimized-text { text-rendering: optimizeLegibility; } 76. initial-letter用于大写字母 使用initial-letter为块级元素的第一个字母应用样式
1.4K10编辑于 2024-03-10 移动端 H5 兼容问题合集：iOS 与 Android 的差异化处理
控制系统自动文字缩放，保证版式稳定 html { -webkit-text-size-adjust: 100% } 字体与抗锯齿 body { -webkit-font-smoothing: antialiased; text-rendering border-box } *, *::before, *::after { box-sizing: inherit } body { -webkit-font-smoothing: antialiased; text-rendering
83310编辑于 2025-12-15- 来自专栏全栈工程师修炼之路
全栈之前端 | 8.CSS3基础知识之文本样式学习
text-transform: 控制元素中的字母大小写 text-decoration: 设置文本上的装饰性线条的外观 text-emphasis: 设置文本上的标记 text-orientation: 设定行中字符的方向 text-rendering text-rendering 属性 - 定义浏览器渲染引擎如何渲染字体 描述: 此属性定义浏览器渲染引擎如何渲染字体，浏览器会在速度、清晰度、几何精度之间进行权衡。 语法参数: /* 自行判断，在绘制文本时，何时该优化速度，易读性或者几何精度 */ text-rendering: auto; /* 浏览器在绘制文本时将着重考虑渲染速度，而不是易读性和几何精度，它会使字间距和连字无效 */ text-rendering: optimizeSpeed; /* 浏览器在绘制文本时将着重考虑易读性，而不是渲染速度和几何精度，可能在移动设备上会造成比较明显的性能问题 */ text-rendering */ text-rendering: geometricPrecision; text-wrap 属性 - 控制如何换行元素中的文本 描述: 此属性控制如何换行元素中的文本，可用于排版方面的改进，例如
1.5K20编辑于 2023-10-31 设计稿还原技巧：解决间距、阴影、字体适配的细节问题
保证首屏可见，同时通过指标重写减少回退跳动 构建覆盖中英文字体的回退栈，兼顾跨平台显示一致性 排版细节与可读性 .body { font-size: 16px; line-height: 1.5; text-rendering
20210编辑于 2025-12-15- 来自专栏Web大前端
Web Accessibility基础：构建无障碍的前端应用
body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: 0.05em; text-rendering
57910编辑于 2024-08-19 - 来自专栏yetonwoo
为 Hugo 添加文章摘要
url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering
60410编辑于 2024-04-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号