Your inquiry is somewhat ambiguous. Although I may have misunderstood, I will attempt to offer assistance nonetheless.
If you are resolute in adhering to the default browser fonts and font sizes, the following code snippet should serve your purpose:
html, body {
font-size: 100% !important;
}
body {
font-family: serif !important; /* Or sans-serif, monospace or any other suitable choice. */
}
In this case, inheritance should take effect as long as no font stacks or sizes are specified for all other elements.
It's important to consider the cascade order.
This approach would override various stylesheets, with the exception of user stylesheets that incorporate !important declarations on relevant elements. In such scenarios, it is essential to respect the user's preferences.
Personally, I prefer a simpler implementation:
html, body {
font-size: 100%;
}
body {
font-family: serif; /* Or sans-serif, monospace or any other appropriate option. */
}
Hence, refraining from specifying font stacks on every element ensures flexibility for users who may have set their own preferences using !important declarations within their user stylesheet, which takes precedence over a standard author stylesheet.
While the usage of the initial keyword can be an effective strategy, it is not supported by any version of Internet Explorer. Therefore, exploring polyfills, such as those provided by Modernizer or creating custom solutions like polyfill.js, could address compatibility concerns with IE.
Although my response may not be ideal (given the late hour), I hope it proves useful to you in some capacity.
P.S. Your query might pertain to overriding a browser's settings to enforce a specific default font, irrespective of the user's configurations. However, attempting such manipulation would likely be futile, particularly if the user has established their own user stylesheet with font properties designated as !important.