html5 图片网站模板,免费商务网,金融企业网站制作,做网站怎么维护《 CSS Secrets 》是 Lea Verou 最新著作#xff0c;这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书#xff0c;经过一段时间的阅读#xff0c;我、南北和彦子一起将在W3cplus发布一系列相关的读后感#xff0c;与大家一起分享。和人一样#xff0c;不是…《 CSS Secrets 》是 Lea Verou 最新著作这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书经过一段时间的阅读我、南北和彦子一起将在W3cplus发布一系列相关的读后感与大家一起分享。和人一样不是所有的字形放在一起的时候都可以显得很自然。例如对于大多数衬线字体的 f 和 i 而言。字母 i 上边的小点经常和 f 中的横线重叠使得它们的组合看起来非常笨拙。为了解决这个问题类型设计师经常会在他们的字体中添加额外的字符称为连字符。这些都是单独设计的字形的二联体或三联体用于排版方案中当对应的字符彼此相邻时。例如如上图中的一些常见的连体字母它们看起来比之前对应字符单独放在一起的时候好了很多。还有一些所谓的自由连体字“discretionary ligatures”事实上对于不起眼的 符号我们都知道并且喜欢把它作为字母 e 和字母 t 的连写(“et”在拉丁文中表示“and”)。它被设计成一个另类的风格而不是因为它们的等价字符对相邻时出了问题。但是浏览器从来不会默认使用自由连体字(尽管这是正确的)并往往不会使用常见的连字体(这是一个bug)。事实上直到最近显式使用任何连写字的唯一方法就是使用它的等效Unicode字符——如 fi 表示 fi 连写。这种方法比解决问题带来了更大的麻烦 很明显它使得这些标签很难被阅读也很难编写(能知道 define 是什么意思纯属运气)。如果当前字体不包含这个连写字符结果将是乱七八糟的(如下图所示)。不是每个连写字都有一个等同的、标准的Unicode字符。例如 ct 连写字不对应任何的Unicode字符所有包括它的字体都需要把它放置在Unicode PUA(私人使用区域)块中。它会打破文本的可访问性如复制/粘贴搜索和语音转换。很多应用都可以非常智能地处理这些都不是所有都可以。它甚至可以打破一些浏览器的搜索。所以在这种时候总需要一个更好的方法对吧解决方案在 CSS3 的中 font-variant 可以被转换成 shorthand 包含了很多新的 longhand 属性。其中之一是 font-variant-ligatures 特别为连写的开启和关闭而设计的。要打开所有可能的连写字你需要使用三个标识符 font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures;该属性是可继承的。你可能会发现自由连体字“discretionary ligatures”妨碍可读性想要把它们关掉。在这种情况下你可能希望只打开常用的连写字 font-variant-ligatures: common-ligatures;你甚至可以明确地把其它两种连写字关闭 font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures;font-variant-ligatures 还接受 none 值就是完全把连写字关闭。不要使用 none 值除非你知道自己设置的是什么。要把 font-variant-ligatures 重置为初始值你需要使用 normal 而不是 none 。本条技术文章来源于互联网如果无意侵犯您的权益请点击此处反馈版权投诉本文系统来源php中文网
