-
Notifications
You must be signed in to change notification settings - Fork 296
/
typography.rst
66 lines (41 loc) · 2.61 KB
/
typography.rst
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
..
Copyright (c) 2021 Pradyun Gedam
Licensed under Creative Commons Attribution-ShareAlike 4.0 International License
SPDX-License-Identifier: CC-BY-SA-4.0
==========
Typography
==========
This is quite important, for a website where the majority of the content is going to be prose.
Notice the font family being used for the prose, as well as the font family being used for the heading. Think about the spacing between the lines, as well as the spacing between various paragraphs. Also keep the font weight in mind, and consider if/how you want antialiasing and font-smoothing to work.
Multiple paragraphs are a common occurance, because you often need more than a single paragraph to describe a thing. The rest of this paragraph is gonna be the famous lorem-ipsum: Lorem ipsum **dolor** sit amet consectetur adipisicing elit. Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
Headings
========
This next bit will explore how the various headings look. Think about how the content separation should work, and how the various headings should interact with the main content.
Heading 3
---------
Heading 4
^^^^^^^^^
Heading 5
~~~~~~~~~
Heading 6
*********
Heading 2 with content
======================
Lorem ipsum **dolor** sit amet consectetur adipisicing elit.
Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
Heading 3 with content
----------------------
Lorem ipsum **dolor** sit amet consectetur adipisicing elit.
Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
Heading 4 with content
^^^^^^^^^^^^^^^^^^^^^^
Lorem ipsum **dolor** sit amet consectetur adipisicing elit.
Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
Heading 5 with content
~~~~~~~~~~~~~~~~~~~~~~
Lorem ipsum **dolor** sit amet consectetur adipisicing elit.
Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
Heading 6 with content
**********************
Lorem ipsum **dolor** sit amet consectetur adipisicing elit.
Accusamus, sunt voluptatum tenetur libero nulla esse veritatis accusantium earum commodi hic voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.