letter-spacing相关内容

无法在 UITabBarItem 上启用字母间距(字距调整)

我正在尝试在 UITabBarItem 标题标签上启用文本字距调整(增加字母间距).但是为 UITabBarItem 提供 NSKernAttributeName 属性没有任何区别.然而,其他两个属性正在起作用:NSForegroundColorAttributeName、NSFontAttributeName.我已经尝试过系统字体和另一种字体:SFUIDisplay-Regular. 是的 ..

CSS:字母间距百分比以完全适合div容器

我需要在100%宽度的div容器中完全容纳文本. 我尝试使用 letter-spacing ,但它看起来只接受px/em,不接受百分比值.但是,它不会响应(例如,调整窗口大小). 这就是我得到的: http://jsfiddle.net/3N6Ld/ 我应该采取另一种方法吗?有任何想法吗?谢谢 解决方案 如果知道您有多少个字母,则可以使用 vw (视口宽度)单元来实现. ..
发布时间:2021-05-14 19:56:57 前端开发

使用字母间距填充div

我遇到的问题是使用 letter-spacing 用文本填充 div .主要问题是,我不知道 div 的宽度. 首先,我正在考虑使用 text-align = justify ,但是自那以后,我一直在黑暗中奔跑,不知道如何解决此问题.我猜想有些脚本魔术可以解决问题. 一个imgur链接,可让您了解我的意思: ..
发布时间:2021-04-26 19:30:14 前端开发

Webkit,Webfonts的字母间距问题

这是我的问题.在站点项目上使用名为"PT Sans Narrow"的Google Webfont.开头,FF和IE完美地展示了它. Webkit浏览器是另外一回事了,字体可以正确加载,但是当我将其与"letter-spacing:-.05em"结合使用时,我得到了一个简短的文本加载,其中我看到了不带字距调整的webfont-坚持在那里不到一秒钟的时间,然后刷新为最终的正确字距外观.我可以说它比任何 ..
发布时间:2020-11-09 19:24:31 前端开发

如果字母间距较大,如何校正"fi"和"fl"的连字?

我使用Google字体"Roboto"并扩展了.3em的字母间距.在这种情况下,如何对由"fl"和"fi"组成的单词中的小"f"字母进行粘连连字?我尝试将"Roboto"的字体系列更改为"sans"和"sans-serif",但是在扩大字母间距的情况下,它看起来太可笑了.有什么建议吗? html,body{ min-width:100vw; max-width:100vw; mi ..
发布时间:2020-07-24 05:32:59 前端开发

是否可以相对于字体大小进行字母间距并正确继承?

我的问题基本上和这个一样,但用“letter-spacing”替换“line-height”:当相对行高被继承时,它不是相对于元素的字体大小。为什么?我如何使它相对? 我的用例如下所示: body { font-size:18px; letter-spacing:1.2em; / *我希望字母间距相对于整个文档的字体大小,至少在我重写它之前* / } .small { ..
发布时间:2018-06-15 11:05:07 前端开发

将在Photoshop中设置的字母跟踪值转换为CSS中等效的字母间距

我目前正在建造一个PSD的网站。大多数字体的字母跟踪为-25( :我猜这是字母间距的符号?)。 p> 我如何在CSS中获得相同的效果?我知道这个属性是 letter-spacing:X ,但是它不占用百分比,-25px或者pts是一个很大的数字! em 维而不是 px >,因此调整相对于字体大小的间距(所以photoshop的25%是在 .25em 的地方)。 ..
发布时间:2018-01-06 21:47:50 前端开发

使用“f”时的Safari间距问题和“i”

我在OS X 10.10.3上运行Safari 8.0.5。 我使用字符“f”时遇到了字母间距问题“i”紧挨着。我的猜测是,这是一个Safari的bug,我已经提交到苹果这样,但也想看看,如果我能找到一个解决方法在同一时间。 HTML以两种不同的字体输出短语“The fish is large”。为了强调问题,我在每个字符之间添加10px的字母间距。 HTML: ..
发布时间:2017-02-09 17:54:08 前端开发

如何调整JavaFX中的字母间距

使用JavaFX2时,如何调整文本对象的字符间距? 欢迎使用代码或css中的示例。 解决方案 我想知道这是否可能指向正确的方向。我找到了 此处 ... 这篇文章特别谈到字母间距... package addingfontinstyle; import javafx.scene.effect.DropShadow; import javafx.scene.ef ..
发布时间:2017-02-07 19:42:54 前端开发

IE9字母间距问题

我有一个页面,确定,在FF(3x,4x),Chrome,IE(6,7,8)。 当在IE9上测试时,文本更宽。 调查这个问题看来,文本实际上是由其他字符更加分隔的字母。 当字母间距改为-0.6px时被渲染确定,类似于其他浏览器。 当将渲染模式更改为“兼容性视图”时,页面看起来很好。 你知道是什么导致渲染模式的改变? / p> 我使用条件注释“解决”了问题,但我不太高兴。 ..
发布时间:2017-02-06 10:35:20 前端开发

大型数字的CSS字符间距

我意识到,在状态大数字格式化与,千之间,所以你会写 $ 1,000,000.00 。在南非,,是非标准的,可以用作小数点,而不是。 p> 我们会写 $ 1000000.00 这是可怕的。典型的解决方案是使用一些空格: $ 1 000 000.00 。 它仍然看起来很可怕。 如果我假设值是一个特定的DOM元素的货币格式(即数字后缀有 .00 即使它是双零),理想的解决方案是使用CS ..
发布时间:2017-01-20 19:25:39 前端开发

CSS文本对齐与字母间距

有没有办法自动使用字母间距,使用字符间距,在其行,使用CSS定义的宽度,使用CSS? 例如,“这样的东西“会看起来像这样的: 有没有一种非突兀的方式来应用这样的样式到我的文本?我相信纯CSS没有这个选项(至少没有CSS版本之前3,CSS3似乎有一个 text-justify 属性,但它还没有得到很好的支持) ,所以js解决方案也很好。 解决方案 这里有一个脚本可以做到。它不漂亮 ..
发布时间:2017-01-18 21:44:44 前端开发

有没有办法使css字母间距:0.5 px?

我遇到了问题,我需要让用户轻松阅读文本,所以我使用字母间距的1像素,但它看起来很丑陋,所以我想我会使用半像素,所以0.5px ,但是它不工作,我尝试使用em属性,但没有实现任务。 所以有一种方法使字母间距半像素浏览器解决方案) 解决方案 此错误已在2008年报告并已确认。所以,如果有人觉得像黑客入侵webkit,这将使很多设计师开心。 https://bugs.webkit.o ..
发布时间:2017-01-18 21:43:23 前端开发

画布元素中的字母间距

这个问题说的很多。我一直在寻找,开始担心这是不可能的。 我有这个画布元素,我正在绘制文本。我想设置字母间距类似于CSS letter-spacing 属性。 我的代码绘制文本是这样,ctx是画布上下文变量。 ctx.font =“3em sheepsans”; ctx.textBaseline =“middle”; ctx.textAlign =“center”; ..
发布时间:2016-11-13 00:42:01 前端开发