How do I keep fonts consistent?
By John Coonen on Friday, 22 November 2013
Posted in General Issues
Replies 3
Likes 0
Views 1.1K
Votes 0
Hi, We are using webfonts on our blog & site, but some viewers are not seeing them. Our fonts are sans-serif "Oswald" and "Content"... but on ie, and sometimes on mobile devices especially, they see serif fonts. What do you recommend I do, to keep the fonts as consistent-looking as possible, if people can't get to GoogleFonts, or are for some reason, not seeing what I think I'm creating? Fall-backs? Best method? Thank you so much.
Hello John,

By default there are already fallback for the fonts. Take a look at the file /components/com_easyblog/themes/default/css/styles.css



#eblog-wrapper 						#ezblog-head h1{font-size:34px;padding:0;margin:0;line-height:1.2;border:0 !important}

#eblog-wrapper.eblog-cabin          #ezblog-head h1{font-family:'Cabin Sketch', arial, sans-serif}

#eblog-wrapper.eblog-droid          #ezblog-head h1{font-family:'Droid Sans', 'Segoe UI', Tahoma, sans-serif}

#eblog-wrapper.eblog-pacifico       #ezblog-head h1{font-family:'Pacifico', Georgia, serif}

#eblog-wrapper.eblog-inconsolata    #ezblog-head h1{font-family:'Inconsolata', Consolas, monospace}

#eblog-wrapper.eblog-kristi			#ezblog-head h1{font-family:'Kristi', arial,sans-serif}

#eblog-wrapper.eblog-molengo		#ezblog-head h1{font-family:'Molengo',arial,sans-serif}

#eblog-wrapper.eblog-orbitron		#ezblog-head h1{font-family:'Orbitron',arial,sans-serif}
Mark
·
Friday, 22 November 2013 03:04
·
0 Likes
·
0 Votes
·
0 Comments
·
See, that is a smarter way to organize it than our template. Just need to incorporate our first choice Google Fonts into the CSS first.
John Coonen
·
Friday, 22 November 2013 06:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks John Let us know if you still need help on this.
Mark
·
Friday, 22 November 2013 09:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post