Text
ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
This is a standard text block for articles and other displays that will use text with information. Unlike the lorry ipsulium nonsense text, this actually says something that someone might read.
As of this writing, we use Noto Sans 1.2 Rem with 2 Rem line spacing for computer monitors.
Secondary
ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
This is a standard text block for articles and other displays that will use text with information. Unlike the lorry ipsulium nonsense text, this actually says something that someone might read.
As of this writing, we use Noto Sans 1.2 Rem with 2 Rem line spacing for computer monitors.
Primary
ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
This is a standard text block for articles and other displays that will use text with information. Unlike the lorry ipsulium nonsense text, this actually says something that someone might read.
As of this writing, we use Noto Sans 1.2 Rem with 2 Rem line spacing for computer monitors.
Accent
ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
This is a standard text block for articles and other displays that will use text with information. Unlike the lorry ipsulium nonsense text, this actually says something that someone might read.
As of this writing, we use Noto Sans 1.2 Rem with 2 Rem line spacing for computer monitors.
These use the Headings widget.
Heading H1 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Heading H2 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Heading H3 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Heading H4 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Heading H5 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Heading H6 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
Paragraph ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i - o O 0 - g j q p
These use the headings style inside standard text edit widgets.
Heading H1 ABC DEF GHI JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
Heading H2 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
Heading H3 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
Heading H4 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
Heading H5 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
Heading H6 ABC DEF GHE JKL MNO PQR STU VWX YZ abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0 1 l I i – o O 0 – g j q p
PT Sans Caption
Desired size: 1.25 rem
Line spacing 1.5 em
Has only two weights: normal & bold
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Recursive
Desired size: 1.25 rem
Has several gradient weights: default is 500
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Verdana
Normal and Bold
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Noto Sans Runic
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Noto Sans Display
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Anaheim
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Capriola
Desired size: 1.25 rem
Has two weights: default is 500
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Noto Sans
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Tahoma
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Work Sans
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Oxygen
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
PT Sans
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Finlandica
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Readex Pro
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Radio Canada
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Metrophobic
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Montserrat Alt
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Heading One (1)
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
Heading Two (2)
And this should be Text text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
Heading Three (3)
And this should be Primary text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
Heading Four (4)
And this should be Secondary text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
Heading Five (5)
And this should be Accent text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
Heading Six (6)
And this should be Link text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – g j q p
MARISOL FAVES
I have read many places that it is best to have a combination of fonts–one font for headers, and a complimentary font for paragraph copy, and maybe a third complimentary to use for attention grab, to be used sparingly. In that case, I think any of the fonts below in bold and italics could be used.
I personally likes Diastema, but realize that’s not ideal for accessibility. (Panos: It’s not available in the Google collection.)
Fonts Marisol likes for paragraph content, due to ease of viewing:
- Inter
- Roboto
- Poppins
- Verdana
- Noto Sans
Noto Sans
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
El is plain but it’s highly ADA compliant.
Verdana
Desired size: 1.25 rem
Line spacing 1.5 em
Has two weights: normal and bold
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
El is plain but it’s highly ADA compliant.
Inter
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Capitol ‘I’ and el ‘l’ are indistinguishable.
Roboto
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Capitol ‘I’ and el ‘l’ are indistinguishable.
Poppins
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Capitol ‘I’ and el ‘l’ are indistinguishable.
Fonts Marisol likes for section headers (assuming all headers will be in all caps):
- Alegreya
- Noir Pro
- Raleway
- Fira Sans Black
- Cooper Hewitt Heavy
FIRA SANS
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
ALEGREYA
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Numbers are small and vary in vertical position.
NOIR PRO
Not in Google collection
RALEWAY
Desired size: 1.25 rem
Line spacing 1.5 em
Has multiple weights from 100 thin to 900 black:
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Numbers vary vertical positions.
Cooper Hewitt Heavy
Not available in Google fonts
Diastema
Not available in Google fonts.
PT Sans Caption
Desired size: 1.25 rem
Line spacing 1.5 em
Has only two weights: normal & bold
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
PT Serif Caption
Desired size: 1.25 rem
Line spacing 1.5 em
Has only two weights: normal & bold
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
PT Sans
Desired size: 1.25 rem
Has several gradient weights: default is 500
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
Verdana
Normal and Bold
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Noto Sans Runic
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Noto Sans
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Noto Sans Display
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Anaheim
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Capriola
Desired size: 1.25 rem
Has two weights: default is 500
1 l I i – a o O 0 – TxL a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
Trebuchet MS
Desired size: 1.3 rem
Line spacing 1.5 em
Has only two weights: normal & bold
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
Times New Roman
Desired size: 1.25 rem
Line spacing 1.5 em
Has only two weights: normal & bold
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Tahoma
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Georgia
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz
1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Finlandica
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Readex Pro
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Radio Canada
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Metrophobic
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – o O 0 – a g j q p – z Z 2 s rn
Montserrat Alt
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s rn
Italiana
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Solitreo
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Oxygen
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Antic Didone
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Cinzel
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Cinzel Decorative
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
Caladia
And this should be default text.
ABC DEF GHI JKL MNO PQR STU VWX YZ
abc def ghi jkl mno pqr stu vwx yz 1 2 3 4 5 6 7 8 9 0
1 l I i – a o O 0 – a g j q p – z Z 2 s
This is a Link to my website with a white background and black default text. Links within a text block should be avoided. However, this link color seems to work against a white background.
This is a Link to my website with a black background and white text. Links within a text block should be avoided. However, this link color seems to work against a black background.