

All browsers but IE will see this as an HTML-comment, and therefor ignore it, but IE will apply the styling in that file. To target only IE with specific CSS, one way is to put it in an IE-specific stylesheet file, and then use the conditional comments for IE. A bit "hacky" perhaps, but it sounds like your best shot. As only Mozilla will recognize that as valid CSS, all other browsers will ignore it. Inter features a tall x-height to aid in readability of mixed-case and lower-case text. If you want to target only Firefox with some specific CSS, this SO answer states that you can wrap the Mozilla specific properties with a rule. Inter is a variable font family carefully crafted & designed for computer screens. The inherit keyword has been around for ages and therefor Firefox, like any other browser, implement it the way the CSS-specification states, without a vendor prefix. Vendor-prefixed properties (like those used for some CSS3 properties) are only used for properties that are still "experimental" or evolving. Mozilla support inherit like any other browser, if that is what you mean? Search results for inherit family font, free downloads of inherit family fonts at. There are probably other, more interesting style sheets that affect the situation.There is no Firefox specific way to write font-family: inherit. Your real problem might be different – you seem to be looking at the part of style sheets that constitute a browser style sheet. If you don’t set fonts at all, browsers defaults will be used.

If there is a continuous chain of elements (in the sense of parent-child relationships) from the root element to the current element, all with font-family set to inherit or not set at all in any style sheet (which also causes inheritance), then the font is the browser default.


This means that the browser’s default font family is used. The font-family property is special in the sense that the initial value is not fixed in the specification but defined to be browser-dependent. The initial value is defined for each property in CSS specifications. For the root element (in HTML documents, for the html element) there is no parent element by definition, the value used is the initial value of the property. The inherit value, when used, means that the value of the property is set to the value of the same property of the parent element.
