Hey guys, this is probably a simple question but I'm new to coding so your comments/solutions will be greatly appreciated. I inserted the links below on the same page (within <head> section) and can't get both to work. For example, cloudflare icons are not rendering unless the googlefonts link is deleted (and vice versa) but I want to keep both.
Looks to me like both links are conflicting probably because rel="stylesheet" is same for both. Is there a way to combine both links on the same page to avoid the conflict?
Conflicting Stylesheets
in CSS
Posted
Hey guys, this is probably a simple question but I'm new to coding so your comments/solutions will be greatly appreciated. I inserted the links below on the same page (within <head> section) and can't get both to work. For example, cloudflare icons are not rendering unless the googlefonts link is deleted (and vice versa) but I want to keep both.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Archivo+Black|Questrial">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Looks to me like both links are conflicting probably because rel="stylesheet" is same for both. Is there a way to combine both links on the same page to avoid the conflict?
Any suggestions or solutions?
Thanks!
VJ