几周前,我非常兴奋地发布了我的第一篇 CSS-Tricks 文章:“字母间距已损坏。 不过,这并不重要,重要的是这篇文章的主题:字母间距已损坏,并且无法按 CSS 规范所说的那样工作。 简而言之,它不是均匀地间隔字符,而是在元素末尾留下一个令人不快的空格。
对于像我这样的西班牙语/英语使用者来说,这种网络和规范之间的不一致只是一个怪癖,但对于阿拉伯语或希伯来语等从右到左 (RTL) 语言的使用者来说,在单词的开头或结尾处会留下一个令人讨厌的空格。 Firefox (Gecko) 某种程度上解决了这个问题,并将不必要的空格重新排列到末尾(在阅读顺序中),但 Google 和 Safari (Blink 和 Webkit) 则将其保留在开头。
当然,我想演示这个主要痛点,但对 RTL 内容进行样式设置超出了我的 CSS 能力范围。 这时,我找到了 Ahmad Shadeed 的这份救命指南,它涵盖了在网络上对 RTL 内容进行样式设置的每个主要方面以及轻松国际化 LTR 网页的最佳实践。 我认为,如果您对网络中的国际化和可访问性感兴趣,那么这将是一份必读资源。
也许我发现了温水,因为这份指南可以追溯到 2018 年,但我希望那些像我一样之前不知道它的人能够乐于学习新事物!