How to size text using ems | clagnut/blog - The Diigo Meta page

• 04 Dec 13
  

  bccreative

  type text css3 font

• 18 Apr 12
  

  rfessler

  "Why ems?
  
  If the world were an ideal place, we’d all use pixels. But it’s not, we have the broken browser to contend with. IE/Win will not allow readers to resize text that has been sized in pixels. Like it or not, your readers will want to resize text at some point. Perhaps they are short-sighted, doing a presentation, using a ridiculously high resolution laptop or simply have tired eyes. So unless you know (not think) your audience won’t be using IE/Win or will never wish to resize their text then pixels are not yet a viable solution.
  
  Keyword-based text sizing will allow all browsers to resize text so this is a possibility, but I don’t find it gives me the precision that pixels would give me. Using ems however, allows all browsers to resize text and also provides pixel-level precision and so they tend to be my unit of choice."

  ems css fonts text

• 08 Feb 12
  

  張 旭

  css html text

• 27 Jan 12
  

  Clovis Six

  css typography fonts em ems size font-size

• 20 Nov 11
  

  bravemav
• 18 Nov 11
  

  Jesse Bruton

  c css em ems

• 08 Nov 11
  

  Scott Bower

  typography text css

• 04 Oct 11
  

  css webdesign typography

• 27 Sep 11
  

  Ian Xn

  css

• 19 Sep 11
  

  stormwild

  responsive web design typography

• 28 May 11
  

  Hamid Sarfraz

  css tips em

• 23 Apr 11
  

  adf023

  css html 字体大小使用ems方法

• 24 Mar 11
  

  Andreas Glöckl

  webdevelopment webdesign schriftgöße ems px howto

• 07 Mar 11
  

  Bruno Bichet

  How to size text using ems | Clagnut § Typography · CSS techniques http://j.mp/eF9h5U

• 30 Dec 10
  

  pdcrittenden

  webdesign webdev reference fonts ems

• 05 Nov 10
  

  hute37

  css em

• 07 Oct 10
  

  Ralf Hafner

  css em textsize typography tricks

• 20 May 10
  

  Bruno Rodrigues

  em css texto unidade-medida

• 17 Dec 09
  

  Sharon McGimsey

  css typography fonts em design Bulletproof link text size

• 23 Jun 09
  

  Andrea Micheloni

  Text for the screen is sized with CSS in terms of pixels, ems or keywords. Pixels is easy, keywords are well documented. That leaves ems. I will now attempt to show you how ems can be as quick and easy to use as pixels.

  css web-typography how-to web-design

• 04 May 09
  

  Rodrigo de Oliveira

  Artigo IMPORTANTE sobre estilização de textos em páginas html com CSS usando em's

  artigo css dica em fonte how-to html webdesign from_delicious

• 14 Mar 09
  

  Miguel Ribeiro e Silva

  css tutorial em text-size

• 01 Mar 09
  

  Frank R Slettebakken

  CSS Typografi

• 27 Feb 09
  

  Rob Snyder

  Good ems tutorial

  webdesign css font

• 12 Dec 08
  

  tokage

  CSS tips layout

• 06 Dec 08
  

  Marta Vilaseca

  usability css howto ems tutorials webdesign

• 01 Dec 08
  

  Malik Amourlaev

  10px

  usability css typography web-design

• 28 Nov 08
  

  leo foto

  styling-css-book-links css-web-standards-links

• 16 Nov 08
  

  posavasos

  Tipografía CSS Código

• 14 Nov 08
  

  Franco Fernandes

  cssanddhtml

• 28 Oct 08
  

  Hagure Metaru

  ems webdesign css typography em font article usability

• 24 Oct 08
  

  mmilbourn

  webdev css

• 20 Sep 08
  

  stefan_ua

  css css.technics css.technics.fontsizing delicious

• 26 Jun 08
  

  Gary Good

  Web development css Development CSS

• 07 Jun 08
  

  Maggie Wolfe Riley

  css em elastic layout webdesign

• 11 Apr 08
  

  seppkurt

  text font css webdesign webdev typography

• 02 Apr 08
  

  Tobias Glawe

  grid css fontsize

• 28 Mar 08
  

  craigmolloy

  accessibility ems css typography webdesign fonts em font

• 27 Mar 08
  

  Ben Bashford

  accessibility css design development font reference text typography webdesign

• 

  Brendon Cromwell

  css webdesign webdev

• 21 Mar 08
  

  n0s0ap

  css em ems html knowledge pixel reference resource size text tips type typography

• 20 Mar 08
  

  Beth Winter

  html css webdesign typography

• 05 Mar 08
  

  garret

  CSS webdesign typography

• 03 Mar 08
  

  Jared Stein

  fonts type typography web web_design design css aim accessibility usability

• 19 Feb 08
  

  Tobias Lee

  "I’ll show you, from scratch, how to size text in a document using ems"

  article CSS development IE layout reference technique tutorial type

• 08 Feb 08
  

  Rajesh Nidwannaya

  css typography webdesign fonts design reference text Guide howto resource resources standards technique size tutorial type web development

• 

  Caleb Bender

  css typography webdesign

• 07 Feb 08
  

  Filipe Barreira
• 06 Feb 08
  

  allgmn

  del.icio.us imported web

• 02 Feb 08
  

  Rushi V

  css

• 

  Thomas Wallace

  css em grid tutorial

• 01 Feb 08
  

  Esther S

  css

• 

  Shoob Didoo

  css typography webdesign fonts reference

• 

  jason clark

  css howto

• 31 Jan 08
  

  Seuss Metivier

  typography webdesign fonts design reference text css

• 

  jeremiah hester

  css typography reference fonts imported

• 

  hyacint

  css typography webdesign fonts reference

• 

  Nick Allred

  webdesign fonts css

• 

  evanwebdesign

  css text

• 

  joe mcgill

  BODY {font-size:62.5%} makes 1em = 10px (handy for grid based layouts)

  css design web fonts development tips text

• 23 Jan 08
  

  typography webdesign fonts

• 22 Jan 08
  

  Ian Sheridan

  article css

• 20 Jan 08
  

  mario64

  webdesign css_fonts ems

• 10 Jan 08
  

  Maurcio Hernandez

  typography

• 25 Dec 07
  

  pnleeson

  Rutter css text

• 06 Dec 07
  

  Mikael Gyde Møller

  A guide on how to ems in font sizing in CSS

  css valtechfrontend ems fonts fontsizing

• 17 Nov 07
  

  Clint Lalonde

  font ems webdesign

• 05 Nov 07
  

  Terry Patterson

  css

• 21 Oct 07
  

  Chrys R

  css webdesign howto typography

• 16 Oct 07
  

  mpavlik

  Imported Bookmarks

• 05 Oct 07
  

  wuduoyi

  css fonts

• 28 Sep 07
  

  madhavbnk

  em

• 24 Sep 07
  

  - -

  css typography webdesign webdev

• 19 Sep 07
  

  Yamil Gonzales

  css typography fonts webdesign design reference text font

• 14 Sep 07
  

  css

• 

  clagnut blog

  css webmastering design typography

• 11 Sep 07
  

  Eapen G

  CSS typography fonts webdesign design reference text em

• 14 Aug 07
  

  ailsa berkeley

  font_em

  code css

• 19 Jul 07
  

  Hope Kay

  fonts

• 13 Jul 07
  

  Ivana Vasilj

  The default size for ‘medium’ text in all modern browsers is 16px. Our first step is to reduce this size for the entire document by setting body size to 62.5%: BODY {font-size:62.5%} This takes 16px down to 10px which I’m using purely because it’s

  CSS size fontsize howto tips text

• 07 Jul 07
  

  Fogday Studios

  That leaves ems. At this point people often leg it. ‘Ems are too inconsistent,’ they say, ‘they’re too hard; they never work.’ Well that may be the received wisdom, but if ever the was a case of FUD then this is it. I will now attempt to show yo

  ems typography web design

• 03 Jul 07
  

  Alixito

  accessibility layout text design CSS typography fonts webdesign developer reference standards webdev web

• 19 Jun 07
  

  rob_cornelius

  css ems layout

• 31 May 07
  

  Semih Gökduman

  css fonts webdesign design text coding

• 12 May 07
  

  Pablo Díaz

  CSS.recursos

• 27 Apr 07
  

  Craig Boal

  css

• 23 Apr 07
  

  Micah Elliott

  css article

• 29 Mar 07
  

  alj_uk

  css webdesign

• 28 Mar 07
  

  Ethan Gardner

  Text for the screen is sized with CSS in terms of pixels, ems or keywords. As most of us know, sizing with pixels is easy: get your selector and give it a font-size – no more thought required. Sizing with keywords is more complicated and requires a few

  typesetting css layout em del.icio.us

• 

  Sean Sharp

  css web+design design creativity

• 14 Mar 07
  

  Will Smith

  css fonts resources

• 06 Mar 07
  

  Rob Mew

  css font em

• 02 Feb 07
  

  Amir Kamal

  WebDev css webdesign howto

• 17 Jan 07
  

  Collin Condray

  The default size for ‘medium’ text in all modern browsers is 16px. Our first step is to reduce this size for the entire document by setting body size to 62.5%: BODY {font-size:62.5%} This takes 16px down to 10px, which apart from being less huge is a

  webdesign css typography Fonts

• 04 Dec 06
  

  Ludwig Gatzke

  Webdesign css typography fonts ems imp

• 25 Nov 06
  

  fonts typography Webdesign

• 16 Nov 06
  

  fcbajao

  css design webdesign

• 26 Oct 06
  

  juan rio

  css

• 24 Oct 06
  

  Jon Espen Kvisler

  tutorials fonts typography webdesign webstandards css design

• 16 Oct 06
  

  oronmiz

  em layout reference

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.