Typography for the Web
2 December 2009
With more print-based designers now delivering for the web, one consequence has been a huge amount of interest in web typography.
What's true for print holds true for the web - the way in which typography is controlled and presented can dramatically improve or hinder the reader. And of course when it comes to the web, maintaining the users' interest (and site visiting time) is crucial.
More print-based ideas and techniques are transferring from page to screen, and a lot of it is down to CSS and standardisation across the major browsers. CSS now provides us with styles to mimic print techniques such as kerning, tracking, leading, justification, drop-caps and so on.
HND2 are now well into their Web Unit, and one area that we will look at in detail is typography for the web. As well as an unlimited supply of great online exercises and examples, there are some useful articles on the web, many written by successful designers and aimed at everyone from novices to experts.
Key reading on typography for the web:
Noupe.com - Contrast, Techniques and Best Practice.
3point7designs - 10 Examples of Beautiful CSS Typography and How They Did It.
Aisleone.net - 8 simple ways to improve web typography.
Typographic Design and Best Practices
Our award-winning course is one of the most successful of its kind in the UK. Find out about studying with us, or get in touch at hello@welovedesignetc.info
Archived
Recommended
Mentors 20/21
- new mentors will be announced soon for 2020-2021
Tagged
design
(201)
education
(129)
awards
(123)
exhibitions
(82)
design education
(80)
agencies
(79)
typography
(68)
employer engagement
(56)
creative industries
(51)
mentoring
(49)
events
(40)
projects
(36)
concepts
(34)
presentations
(34)
mentors
(33)
branding
(29)
creative industry
(26)
publishing
(25)
ycn
(23)
digital
(22)
advertising
(19)
competitions
(19)
posters
(18)
print
(18)
magazines
(17)
graduate show
(15)
placements
(14)
web design
(14)
marketing
(13)
process
(13)
teams
(12)
modernism
(11)
packaging
(11)
industry
(10)
HND Design
(9)
illustration
(8)
Berlin
(7)
art direction
(7)
design process
(7)
editorial design
(7)
D&AD
(6)
HND Year 2
(6)
books
(6)
corporate id
(6)
design work
(6)
guerilla
(6)
layout
(6)
DMA
(5)
UI/UX
(5)
art
(5)
graphic design
(5)
ideas
(5)
review
(5)
Exhibition
(4)
HND
(4)
animation
(4)
briefs
(4)
collaboration
(4)
grids
(4)
installations
(4)
live brief
(4)
modern art
(4)
social media
(4)
technology
(4)
book design
(3)
dada
(3)
galleries
(3)
graduation
(3)
live projects
(3)
photography
(3)
sketchbooks
(3)
Pop Art
(2)
Scottish Govt. YOYP
(2)
adobe
(2)
bauhaus
(2)
coverart
(2)
css
(2)
design buddies
(2)
design thinking
(2)
direct mail
(2)
ethical design
(2)
graduates
(2)
html5
(2)
iPad
(2)
induction
(2)
infographics
(2)
letterpress
(2)
logotype
(2)
minimalism
(2)
movies
(2)
schools
(2)
surrealism
(2)
video
(2)
writing
(2)
Daydream Believers
(1)
Editorial
(1)
El Lissitzky
(1)
French Institute
(1)
Marketing Society
(1)
NC
(1)
Neville Brody
(1)
Paul Rand
(1)
Paula Scher
(1)
Riso
(1)
Stefan Sagmeister
(1)
archiving
(1)
awards. design education
(1)
colour
(1)
conferences
(1)
creative
(1)
creative advertising
(1)
degree
(1)
design books
(1)
design context
(1)
design sprints
(1)
drawing
(1)
eductaion
(1)
flash
(1)
moodboards
(1)
motion graphics
(1)
photoshop
(1)
printmaking
(1)
product design
(1)
responsive design
(1)
risograph
(1)
signage
(1)
training
(1)