Last Updated: February 25, 2016
·
608
· vdv73rus

Web-fonts inheritance

So, if you use 2 or more web-fonts at your project, check out about right inheritance.
For example:

@font-face {font-family: 'AwesomeFont'; ... bla bla syntax from fontsquirrel for example}
@font-face {font-family: 'SomeFont'; ...}

And let's apply one of them to 'body', and another to 'h1':

body {font-family: 'AwesomeFont';}
h1 {font-family: 'SomeFont';}

So, if we want to determine font for another 'h1' elements to basic like

.somediv h1 {font-family: 'AwesomeFont';}

It doesn't work!!

Should use

.somediv h1 {font-family: inherit;}