#web-fonts

[abdelfattah-ragab]

CSS Typography and Web Fonts - Chapter 2: Text layout properties

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:

Gumroad

#angular #react #affiliate #commission

[mostlythinking-blog-blog]

Because web designers want font families, not just fonts.

[novakben]

Create icon web fonts for your next project.

[wesleyterry]

Check out your fallbacks for web fonts. 

[machal]

Konec éry potrhlého uživání bitmap

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.

Třeba obrázkové nadpisy - to už dneska zní jako vtip, že?

Ani přechody, kulaté rohy nebo stíny už v CSS nejsou žádná vyšší dívčí.

Obrázková tlačítka? V době generátorové a presetové už skoro žádná nepotřebujeme.

Některé ikony můžeme nahradit písmem, některé vektory a některé úplně ujetě v CSS.

Mezi indikátory načítání už obrázky taky skoro vyhynuly. A pokud obrázek potřebujeme, stačí nám jeden namísto 36 variant pro každý projekt.

Blbiny a tvary už umíme někdy divně, jindy docela prakticky v CSS taky

Navíc - doba kdy i zbývající potrhlé bitmapy nahradíme vektory není daleko. Dovedu si představit, že Asociace na ochranu ohrožených rastrových ikonek a bitmapových logotypů už měla ustavující sjezd. ;-)

[danjamesmay-blog]

Layout Optimisation and a Bit More on Web-fonts

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).

So there's still a hell of a long way to go; but I've learnt a great deal more about websites yet again.  And through fiddling around with all the font stuff, I've also come to understand the dynamic nature of the HTML this blog is created with; how Tumblr links the posts written, to be fitted into the blog.  Well, I at least understand the code for where they are put, not the technical aspect (yet), so this should at least allow me to style my blog better, and get rid of the horrible default layout I've been stuck with since the blogs inception.