Eot font-weight: normal; font-style: normal; @font-face font-family: 'UbuntuBoldItalic src: url Ubuntu-BI-webfont.
The purpose of this is that if the user does not have the first font you specify, the browser will go through the list until it finds one it does have.
Then you apply the regular font to the target, and write rules to apply the bold or italic fonts on any nested elements, like so: [email protected] font-family: 'UbuntuRegular src: url Ubuntu-R-webfont.
Eot font-weight: normal; font-style: italic; @font-face font-family: 'Ubuntu src: url Ubuntu-B-webfont.It can be font-style: italic or font-style: normal.It solves this by creating a faux-bold style by stretching the letters horizontally, and a faux-italic style by slanting the letters.Bold, italics, case, and line height : using font-weight, font-style, font-variant, text-transform, and line-height.This is useful because different computers sometimes have different fonts installed.
The problem is that if your custom font doesnt load for some reason, the browser is no longer applying bold or italic styles to the fallback font.
Help, webfonts, licensing, blog, newsletters, legal, sell Your Fonts.
Eot font-weight: normal; font-style: normal;.test font-family: UbuntuRegular, arial, sans-serif;.test em font-family: UbuntuItalic, arial, sans-serif;.test strong font-family: UbuntuBold, arial, sans-serif;.test strong em font-family: UbuntuBoldItalic, arial, sans-serif; /css However, doing that actually results in what you see here, where the browser still applies its own faux bold.So font-family: arial, helvetica, serif, will look for the Arial font first and, if the browser cant find it, it will search for Helvetica, and then a common serif font.Text-transform: uppercase turns everything into uppercase.Luckily, theres a better solution: The Right Solution Instead of defining separate font-family values for each font, You can use same font-family name for each font, and define the matching styles, like so: [email protected] font-family: 'Ubuntu src: url Ubuntu-R-webfont.Eot font-weight: normal; font-style: normal; @font-face font-family: 'UbuntuItalic src: url Ubuntu-I-webfont.The problem, as you can see in this screenshot, ultradefrag portable 64 bit is that if you only load one font into the family, then the browser doesnt know what to do when its asked to render a bold or italic section using that font.Text-transform: capitalize turns the first letter of every word into uppercase.The value can be a length or normal.Spacing out text : Using text-align, text-indent, word-spacing, and letter-spacing.