Re: Font Family failure

On 14/01/2017 10:24, Patrick H. Lauke wrote:

> The problem is with your CSS, not with the page. This is not something
> you can pin on the page author.
>
> Taking that first "Line Length" heading, the markup for that is
>
> <h1 id="firstHeading" class="firstHeading" lang="en"><span
> dir="auto">Line Length</span></h1>
>
> So a <span> nested inside an <h1>.
>
> Your custom CSS does set all h1, h2, h3 etc to comic sans, but then your
> universal selector sets everything else to verdana. So the <h1> is comic
> sans, but then then <span> inside the heading is set to verdana.

Expanding on this, it is you who has to more carefully craft your style 
overrides - the author is doing nothing unusual there in the markup to 
try and stop you from applying styles, it's just that your particular 
style rules were not accounting for the potential complexity of 
real-world markup.

In this specific case, changing your selector from

h1, h2, h3, h4, h5, h6 { ... }

to

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { ...  }

will solve your problem.

P
-- 
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke

Received on Saturday, 14 January 2017 10:36:55 UTC