The growing prominence of web fonts seems to have boosted web designersʼ interest in typography. Visual interest can be achieved with these CSS properties & core typographic principals.
Controlling Web Typography Converge SE 2011 Howdy! A little bit about myself I work with 2 of my best friends in Texas. I’m this kid’s father. He’s trying to figure out what’s going on with my neck. I think about food all the time. My wife had to put me on a font allowance. As web typography improves, web designers want the same level of control print designers have. But what does that mean? I want to use all these Not just these. [...]... all this Into this CSS & Web Safe Fonts What can be achieved with the basics? CSS We Know thing{ font-size: 1em; font-style: italic; text-decoration: none; font-variant: small-caps; text-transform: none; letter-spacing: 1em; } line-height: 1.5px; font-weight: bold; direction: ltr; text-indent: 5em; text-align: left; word-spacing: 1em; Let’s put this stuff to work CSS & web safe fonts What can be... font-family: georgia, serif; CSS & web safe fonts What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals font-size: 60px; CSS & WEB SAFE FONTS What can be achieved with the basics The growing prominence of web fonts seems to have boosted web. .. achieved with the basics The growing prominence of web fonts seems to have boosted web designersʼ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals CSS & web safe fonts What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these... prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals line-height: 20px; /* to wrap things up */ CSS & web safe fonts What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designersʼ interest in typography Visual interest can be achieved with... achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals After Still, being web safe is limiting #TypeNerdProblems #GimmeWebFonts ALTERNATEbrand No 2 GOTHIC became part of our 2009: Our First Usage of @font-face Web Font Services Choices, Resources & Greater... principals font-style: italic; C S S & WE B S A F E F O N T S What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals text-align: center; C S S & WE B S A F E F O N T S What can be achieved with the basics The growing prominence of web fonts... interest in typography Visual interest can be achieved with these CSS properties & core typographic principals text-transform: uppercase; C S S & WE B S A F E F O N T S What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals letter-spacing:... the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved with these CSS properties & core typographic principals color: #c44032; C S S & WE B S A F E F O N T S What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography Visual interest can be achieved . ltr; ! font-variant: small-caps; text-indent: .5em; ! text-transform: none; text-align: left; ! letter-spacing: .1em; word-spacing: .1em; ! } Let’s put this stuff to work CSS & web safe. this. CSS & Web Safe Fonts What can be achieved with the basics? CSS We Know .thing{ ! font-size: 1em; line-height: 1.5px; ! font-style: italic; font-weight: bold; ! text-decoration: none;. principals. font-size: 60px; CSS & WEB SAFE FONTS What can be achieved with the basics The growing prominence of web fonts seems to have boosted web designers’ interest in typography. Visual