: How do I convert leading and kerning expressed to CSS styles I have been given a design / style guide for a website that has the fonts expressed in point (pt) measurements, and additional

I have been given a design / style guide for a website that has the fonts expressed in point (pt) measurements, and additional leading and kerning adjustments - e.g. 40pt font, 60pt leading, -30pt kerning.

I would like to use em, rather than pt or px in the CSS, and am assuming (using reset) a base font size of 16px. The core font size conversation I can do, but I don't know what to do with the leading and kerning?

(PS I do know that this means the font will render differently on different devices / browsers, I just need somewhere to start.)

[UPDATE: I have created a google doc with the conversion of pt to px / em]

10.01% popularity Vote Up Vote Down

: Photo Manipulation and texture... like instagram Does anyone have any recommendations, links, or tutorials on how to create a similar effect to this using a normal photo? More: http://www.behance.net/gallery/Nike-60-Surfcali/1

@Michele215

Posted in: #PhotoshopEffects

3 Comments

: Batch processing Questions about batch processing, a technique of automatically applying the same set of commands/actions to a collection of files. It can save time for designers who need to

@Michele215

0 Comments

: How to create a glossy photo? I have seen photos that have a nice glossy sheen or shine to them when viewed on the web. I would like to replicate this view but in searches I am only able

@Michele215

Posted in: #AdobePhotoshop

1 Comments

: Problem printing Booklet in Indesign to a PDF using postscript I have this message in Acrobat Distiller when trying to PDF a booklet from Indesign CS5: Acrobat Distiller 9.5.1 Started: Wednesday,

@Michele215

Posted in: #AdobeAcrobat #AdobeIndesign

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Caterina889

Kerning equates to .class { letter-spacing: Xem; }

Leading equates to .class { line-height: Xem; }

use the exact same conversion you are using for the font size to get the correct em values. 1pt = 1px

10% popularity Vote Up Vote Down

Feed

: How do I convert leading and kerning expressed to CSS styles I have been given a design / style guide for a website that has the fonts expressed in point (pt) measurements, and additional

More posts by @Michele215

: Photo Manipulation and texture... like instagram Does anyone have any recommendations, links, or tutorials on how to create a similar effect to this using a normal photo? More: http://www.behance.net/gallery/Nike-60-Surfcali/1

: Batch processing Questions about batch processing, a technique of automatically applying the same set of commands/actions to a collection of files. It can save time for designers who need to

: How to create a glossy photo? I have seen photos that have a nice glossy sheen or shine to them when viewed on the web. I would like to replicate this view but in searches I am only able

: Problem printing Booklet in Indesign to a PDF using postscript I have this message in Acrobat Distiller when trying to PDF a booklet from Indesign CS5: Acrobat Distiller 9.5.1 Started: Wednesday,

Login to post a comment!

1 Comments

Back to top | Use Dark Theme