Typographic CSS framework/template, Cyrillic-aware

Question

css

Tell me if there are ready-made CSS templates or frameworks (if I may say so) that serve rather not for the correct semantic layout, but for the most correct and “beautiful” display of technical articles (!) in Russian. Taking into account all modern typographic rules and design techniques. Well-chosen indents for headings, paragraphs, lists, dictionaries, fonts, sizes. It is desirable that a person who is not professionally engaged in layout can easily understand and use it.

Answer 1

Perhaps an assembly of ready-made typographic templates from here is suitable for you - Free Typographic XHTML/CSS-Layouts For Your Designs .
As one example, the 3rd place winner is the "Experimental" template with Cyrillic.
Experimental Template

Answer 2

All you need to know about typography and readability:
1. As much contrast as possible between text and background
2. Line height 1.4em-1.6em (CSS property: line-height: value)
3. Heading font - sans-serif ), text font - with serifs (serif) - easier to read and navigate
4. The width of the block with the test is about 2 alphabets
5. Add indents between paragraphs
6. The indent between the heading and the paragraph should be slightly less than between ordinary paragraphs
7. Alignment by width (justify) - bad, hell and PPC, it’s better to align just to the left side,
add if you forgot something

Answer 3

Why publish technical articles in HTML with such thoroughness?

Answer 4

Ready-made typography (a set of CSS styles) can be taken and connected from existing CSS frameworks.
For example, let's take the Blueprint CSS framework - it has everything for building ready-made and semantic templates with ready-made sets of styles for typography, forms, and, accordingly, with correct display for all browsers.
In your example, you can choose a set of ready-made stylesheets that you need http://www.blueprintcss.org/tests/
Working example
Used set of CSS rules
PS: this CSS framework can be quickly and easily chewed even by a person who has no idea about layout generally. Everything is on examples and with documentation, though often in English.

Answer 5

1. It's not difficult at all - to learn the basic tags and css rules for text design. In two days. Well, for a week (in the most extreme case). But you will definitely arrange it the way you need it.
2. Simply attaching css to text will not work if the text is not semantically marked up. That is, headings should be like h*, quotes like blockquote, paragraphs like p, etc. That is, you can’t do without layout in any case. If, somewhere, paragraphs are separated by br, and headings are described by the font tag, then no css framework will help here.
3. Good text is not just css. These are the correct quotes and dashes for this language. These are short service words tied with non-breaking spaces. These are the correct phone numbers. CSS won't do it all.
4. A clearly expressed thought and a competent language are in any case a hundred times more important than any layout.

Answer 6

http://twitter.github.com/bootstrap/customize.html
If you leave only one thing here:
1. Choose components -> Base CSS -> Headings, body, etc
, then there will be only typography from twitter