8. HTML — HyperText
Markup Language
’är ett märkspråk och webb-
standard för strukturering
av text, hypertext, media och
inbyggda objekt på
exempelvis webbsidor och i
epostmeddelanden.’
torsdag 6 oktober 11
9. CSS — Cascading
Style Sheets
’Styr’ typografi och form
av sidor från (oftast)
samma fil(er)
torsdag 6 oktober 11
34. Arial
Courier New
Times New Roman
torsdag 6 oktober 11
35. Core Fonts on the Web
1996
Andale Mono, Arial, Comic
Sans, Courier New, Georgia,
Impact, Times New Roman,
Trebuchet MS, Verdana,
torsdag 6 oktober 11
40. Alternativ 1:
Göra bilder av text
(.png, .gif, .jpg)
Fungerat sedan
bilder på WWW
torsdag 6 oktober 11
41. Text som bild
Nackdelar:
— Ej sökbart
— Svårt för t ex blinda
— Tidskrävande
— Text går inte att kopiera
— Ej typografisk kontroll
torsdag 6 oktober 11
61. The W3C commented that
it expects WOFF to soon
become the ‘single, intero-
perable [font] format’
supported by all browsers.
— Team Comment on
‘WOFF File Format 1.0’
Submission
torsdag 6 oktober 11
62. Enorm utveckling:
Typsnitten behövs
inte längre i datorn
hos besökaren!
torsdag 6 oktober 11
64. ‘It’s an exciting time for
typography on the web.
It’s 1985 all over again.
New technology, new
ways to use type, and
new fonts made specifi-
cally for a new medium.’
Stephen Coles
torsdag 6 oktober 11
70. @font-face
— Firefox 3.5+, sept 2009
— IE 5+, 1999 (!)
— Opera 10+, sept 2009
— Chrome 4+, sept 2008
— Safari 3.1+, mars 2008
— iOS, Andriod 2.2+,
BlackBerry OS 6
torsdag 6 oktober 11
71. WOFF
— Firefox 3.6, jan 2010
— IE 9, höst 2010
— Opera 11, dec 2010
— Chrome 6, sept 2010
— Safari 5, juli 2011
torsdag 6 oktober 11
72. — Utvecklingen sker i takt
med standarden (W3C)
— Men man måste tänka
på fallbacks tills vidare
(EOT, TTF/OTF, SVG)
torsdag 6 oktober 11
73. Fördelar med text
— quick and easy to style
— it’s Google-friendly
— can be translated
— can be read out loud by
accessibility devices
— PDF/utskrift, instapaper
http://imprint.printmag.com/design-thinking/the-future-of-web-fonts-is-
sooner-than-it-used-to-be/
torsdag 6 oktober 11
83. ⤺ När det där fungerar, ⤺
kommer vi äntligen
ha samma typografiska
förutsättningar på
webben som tidigare
endast existerat
när man jobbat med
trycksaker
torsdag 6 oktober 11
119. Småländsk Antiqua
ABCDEFGHIJKLM
nopqrstuvwxyzåäö
1234567890
The quick brown fox
torsdag 6 oktober 11
120. Sapmi Grotesk
ABCDEFGHIJKLMNOP
qrstuvwxyzåäö 123456
Just another quick BROWN fox
torsdag 6 oktober 11
121. Dutopia
ABCDEFGHIJKLM
nopqrstuvwxyzåäö
1234567890
The quick utopian fox
torsdag 6 oktober 11
122. SITE Specific
Konsten att äta 1234569
hamburgare på en gång
ABCDEFGHIJKLM
NOPQRSTUVW
TEATRON Techno
torsdag 6 oktober 11
123. wwwwwwwwww
wwwwwwwwww
wwWwwwwww.se
torsdag 6 oktober 11
124. The JAnte Law
1. Do think you’re special
2. Do think you’re of the same stature as us
3. Do think you’re wiser than us
4. Do imagine yourself better than us
5. Do think you have more knowledge
than us
6. Do think you’re more valuable than us
7. Do think you’re good at everything
8. Do think you’re qualified to laugh at us
9. Do think everyone cares about you
10. Do think you can teach us everything
by Konst & Teknik, 2010
Die Schrift unserer Zeit Konst & Teknik 2009
torsdag 6 oktober 11