mefody.dev

Правильные для языка кавычки



Небольшое напоминание, что в разных языках правильные с точки зрения типографики разные кавычки. Например, в русском языке правильно использовать «ёлочки», а не "лапки".



Так вот, браузер умеет подставлять правильные кавычки, оказывается.

blockquote::before {

  content: open-quote;

}

blockquote::after {

  content: close-quote;

}

Вместо ключевых слов браузер подставит те кавычки, которые подходят элементу. А язык можно задать при помощи атрибута lang.



Чего я не знал, так это того, что кавычки можно переопределить. И это работает очень давно. Например, можно сделать вот такую дичь.

q {

  quotes: "((" "{" "[" "_";

}

Больше не буду мучить content и селекторы по атрибутам.



https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/