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;}
Written by Dmitry Vislov
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#