#web-fonts

Chapter 2: Text layout properties

Chapter 2: Text layout properties

line-height

The CSS property line-height defines the height of a line frame. It's often used to set the spacing between lines of text.

...

The book is available on:

https://books.abdelfattah-ragab.com

 — — — — — — — — — — — — — — — — — — — — — — — — — — -

Join our affiliate program to promote Angular and React courses.

You will only receive money when sales are made, and these should be through your link. Then you will receive 45% commission.

Sign up:

Není nač čekat. Každý kdo si v Photoshopu při exportu obrázků pro web někdy zaťukal na čelo teď vezme do ruky trubku a společným „Tramtadadá!” oznámíme konec Epochy potrhlého užívání bitmap ve webdesignu.

I've updated the layout pretty drastically again.  It's been minimalised with a lot of design stuff taken out.  I like minimal.  It has still got a long long way to go however.

Following on from the post below (that is still relevant in many respects), I've done a lot of digging and found CSS3 actually has an inbuilt font function for automatically downloading and displaying a web-hosted font directly onto the end-user's computer - without them even knowing about it or having the option to use the font or not.  This is fantastic news, and ironically it has been implemented into Internet Explorer since IE5...  Microsoft have always had more emphasis on the pretty things and pointless things - animated cursors is something else I've noticed only IE have working on their browser.  The reasoning behind that is something I'm not going to even begin looking at, as there probably is no real reason for it.

Anyway - the CSS @font-face is a CSS 'rule', and you simply add it to any style sheet along with the URL of the acompanying font file (this blog explains what browsers are compatible with each type of file extention) - typically .ttf (TrueType Font) being compatible with Chrome, Firefox, Safari, Opera; but not Internet Explorer (surprise surprise..), IE going with .eot (Embedded OpenType Font).  So by linking the @font-face to both a .ttf and .eot font-file, you've got most browsers nicely covered.  I'm not sure if it's required or not, but it seems good practise to also use a format('') after the url('') to define the type of file in use (much like text/css or whatever other meta-data is used in <link> tags).