Arial 11px 135% line spacing, 100% black.
Consectetur aliqua in ex consectetur in lorem aute pariatur ullamco
dolor. Dolore reprehenderit, ex consectetur et id irure voluptate minim
tempor quis. Ut officia, nisi lorem aute ut consectetur elit dolor minim
adipisicing consequat dolor ipsum, sunt cillum ipsum ea. Sint cupidatat
in nulla sed, occaecat duis. Eiusmod consequat quis minim.
Arial 11px 135% line spacing, 80% black.
Est duis dolor nulla. Ad nisi esse dolore dolor quis ea, est enim dolor
pariatur enim nostrud enim consectetur dolore. Adipisicing, ut aliquip,
quis eu, nulla commodo irure lorem sunt est Bold 100% black
commodo, mollit sint incididunt non cillum duis? Nulla, aute sunt sit
magna. Mollit velit dolor laboris do, ut consequat qui quis sunt.
Arial 11px 135% line spacing, 70% black.
Ut, nulla qui duis amet dolore. Ea ut anim. Dolore, in commodo pariatur
quis id excepteur. Nulla cillum nisi velit irure fugiat dolor do, velit sed
pariatur mollit. Sed dolore ipsum sit ut. In ullamco ipsum eiusmod sed
adipisicing magna ipsum irure commodo fugiat ea cillum magna enim
nostrud est commodo dolore: Reprehenderit ipsum ullamco in ipsum
laboris sunt deserunt ex cillum dolor. Sit ut laboris ad labore amet
tempor cillum non aliqua, consectetur laboris exercitation aliqua anim
aliquip, cupidatat dolore nisi.
Arial Italic, 11px 135% line spacing, 70% black:
Dolore, proident ut aliqua ea magna, voluptate laboris tempor et
nostrud. Irure tempor ut in eu velit enim aute exercitation culpa amet
veniam sunt minim proident. Esse reprehenderit fugiat et culpa. Et ex
veniam, minim mollit.
Arial 12px 135% line spacing, 100% black.
Consectetur aliqua in ex consectetur in lorem aute pariatur
ullamco dolor. Dolore reprehenderit, ex consectetur et id irure
voluptate minim tempor quis. Ut officia, nisi lorem aute ut
consectetur elit dolor minim adipisicing consequat dolor ipsum,
sunt cillum ipsum ea. Sint cupidatat in nulla sed, occaecat duis.
Eiusmod consequat quis minim.
Arial 12px 135% line spacing, 80% black.
Est duis dolor nulla. Ad nisi esse dolore dolor quis ea, est enim
dolor pariatur enim nostrud enim consectetur dolore.
Adipisicing, ut aliquip, quis eu, nulla commodo irure lorem sunt
est Bold 100% black commodo, mollit sint incididunt non cillum
duis? Nulla, aute sunt sit magna. Mollit velit dolor laboris do, ut
consequat qui quis sunt.
Arial 12px 135% line spacing, 70% black.
Ut, nulla qui duis amet dolore. Ea ut anim. Dolore, in commodo
pariatur quis id excepteur. Nulla cillum nisi velit irure fugiat dolor
do, velit sed pariatur mollit. Sed dolore ipsum sit ut. In ullamco
ipsum eiusmod sed adipisicing magna ipsum irure commodo
fugiat ea cillum magna enim nostrud est commodo dolore:
Reprehenderit ipsum ullamco in ipsum laboris sunt deserunt ex
cillum dolor. Sit ut laboris ad labore amet tempor cillum non
aliqua, consectetur laboris exercitation aliqua anim aliquip,
cupidatat dolore nisi.
Arial Italic, 12px 135% line spacing, 70% black:
Dolore, proident ut aliqua ea magna, voluptate laboris tempor et
nostrud. Irure tempor ut in eu velit enim aute exercitation culpa
amet veniam sunt minim proident. Esse reprehenderit fugiat et
culpa. Et ex veniam, minim mollit.
Arial 13px 135% line spacing, 100% black.
Consectetur aliqua in ex consectetur in lorem aute pariatur
ullamco dolor. Dolore reprehenderit, ex consectetur et id
irure voluptate minim tempor quis. Ut officia, nisi lorem aute
ut consectetur elit dolor minim adipisicing consequat dolor
ipsum, sunt cillum ipsum ea. Sint cupidatat in nulla sed,
occaecat duis. Eiusmod consequat quis minim.
Arial 13px 135% line spacing, 80% black.
Est duis dolor nulla. Ad nisi esse dolore dolor quis ea, est
enim dolor pariatur enim nostrud enim consectetur dolore.
Adipisicing, ut aliquip, quis eu, nulla commodo irure lorem
sunt est Bold 100% black commodo, mollit sint incididunt
non cillum duis? Nulla, aute sunt sit magna. Mollit velit dolor
laboris do, ut consequat qui quis sunt.
Arial 13px 135% line spacing, 70% black.
Ut, nulla qui duis amet dolore. Ea ut anim. Dolore, in
commodo pariatur quis id excepteur. Nulla cillum nisi velit
irure fugiat dolor do, velit sed pariatur mollit. Sed dolore
ipsum sit ut. In ullamco ipsum eiusmod sed adipisicing
magna ipsum irure commodo fugiat ea cillum magna enim
nostrud est commodo dolore: Reprehenderit ipsum ullamco
in ipsum laboris sunt deserunt ex cillum dolor. Sit ut laboris
ad labore amet tempor cillum non aliqua, consectetur
laboris exercitation aliqua anim aliquip, cupidatat dolore nisi.
Arial Italic, as above: Dolore, proident ut aliqua ea magna,
voluptate laboris tempor et nostrud. Irure tempor ut in eu
velit enim aute exercitation culpa amet veniam sunt minim
proident. Esse reprehenderit fugiat et culpa. Et ex veniam,
minim mollit.
A comparison of the readability of various web safe fonts and sizes.
Created by Xara Web Designer © Charles Moir
his website is here to help you find good looking fonts for
your website. It shows all the body copy ‘web safe’ fonts in a
variety of common sizes. There are relatively few fonts that
will be available to the vast majority of your readership, the so-
called web-safe fonts, fewer still that are suitable for your main
text. It’s basically the list shown across the top here. These are
the only fonts that are installed on more than 95% of computers
(Windows & Macs).
One the most obvious distinguishing factors between poorly
designed, usually ‘amateur’ websites and well designed ones is
the use of fonts and line spacing.
Each page here shows a different font in three or four sizes
ranging from 11 to 14 pixel sizes . Each size is shown in a
variety of grey shades from black to 70% grey. Some fonts just
look better when displayed in a dark grey rather than black.
Why pixel sizes? When researching font support for our Xara
Web Designer software we discovered that almost all browsers
round font sizes to the nearest pixel, irrespective of whether you
specify the size in points, ems, or a percentage. Sad but true.
Below is the showing for Arial. The links above will show the
other body copy web-safe fonts.