css - 是否有一种跨浏览器的方式来压缩页面上的文本?

标签 css fonts

我正在寻找一种方法来压缩页面上相对较小的文本区域,以模仿使用非标准字体完成的图形按钮。理想情况下,只有字母会被压扁或变薄,而单词之间的间距或多或少保持不变。我知道有一些 CSS 属性可以做这样的事情,但它们更侧重于字母之间的间距,而不是字母本身的宽度。这些 CSS 方法也不是很跨浏览器友好。大多数用户群都在使用 IE6,因此这对基于 CSS 的方法提出了很大的限制。

那么,有什么方法可以控制跨浏览器友好的字符宽度/间距吗?我知道 jQuery 跨浏览器工作得很好,那么这是否可以通过操纵字母的位置和可能的宽度来使用 jQuery 来完成?这些是少量文本,一次 5 个单词左右,因此速度是可以稍后处理的问题。


编辑:好的,那么,CSS 字母间距属性以及单词间距属性将允许我控制字母/单词之间的间距。然而,这让事情看起来很压扁。如果这确实是唯一的选择,那么我将不得不让它发挥作用,但我真正想要的是一种挤压字母本身的方法,使字符更细。

最佳答案

也许

letter-spacing:-1px

will help

关于css - 是否有一种跨浏览器的方式来压缩页面上的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/417017/

相关文章:

ios - iOS 是否支持在 UIKit 类中使用任何形式的位图字体?

wpf - 使用 Century 代替 Century Gothic 停止 WPF

ios - 如何在 Interface Builder 中使用带有属性文本的 SF 字体

css - Firefox/Win 和 Safari/(Windows 和 Mac)之间渲染字体不一致

html - 按钮垂直文本

CSS float 下推

css - 使用 Polymer.dart 在分布式(即 light dom)节点上使用 Shadow Dom CSS 动画

javascript - 手动将 dirty 设置为字段不会修改 css 类 angularJS?

html - chrome 中的边界半径错误

html - 显示电脑上未安装的字体