Posted 7 months ago #
Hi ,
Im using magnifize theme and im getting blurry text in the titles of my website, this happens just in google chrome, ive uploaded a picture of how it looks like so u can see de difference between text. what should i do to obtain the same text quality in chrome?
thnx
Chrome Text
http://i64.photobucket.com/albums/h172/dejota01/chrometext.png
IE 9 Text
http://i64.photobucket.com/albums/h172/dejota01/IEtext.png
NElson
What is the CSS the theme uses for that particular font style?
Posted 7 months ago #
i hope you are talking about this..
/* General Styling */
@font-face {
font-family: 'BonvenoCF-Light';
src: url('images/fonts/BonvenoCF-Light.otf') format('opentype');
}
h1, h2, h3, h4, h5, h6 {
font-family: 'BonvenoCF-Light', Arial;
font-weight: normal;
margin: 0;
padding: 0 0 10px 0;
text-transform: uppercase;
}
h1 {
font-size: 20pt;
line-height: 20pt;
font-weight: bold;
}...
You may want to try using a different font family style... maybe one more common through all browsers.
Something like this...
font-family: Arial, Helvetica, sans-serif;
Posted 7 months ago #
ok ill try that, but what should i do with this code that follows ?
src: url('images/fonts/BonvenoCF-Light.otf') format('opentype');
}
Honestly, I have no idea. I would remove it all-together. But that's just me :)
Paste it in a notepad file until you are sure it's not needed, just to be safe.
Posted 7 months ago #
ok well thnx dude, lets see how it goes
have a good evening
Sure thing. Post back and lemme know what you decided.
Posted 7 months ago #
well i changed the font to what you said and deleted de src code, i went back to the site and still has the same font, like it had no effect. ill wait a couple mintes to see if the servers need to refresh or something
my site is http://www.tripandtraveldr.com
This is the CSS those headings are pulling from:
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, #searchsubmit, input[type="submit"], input[type="reset"], cite, a.tab-active, #nav .cat-item a, #nav .page_item a, .pop_inner_title {
color: #006EA2;
font-family: Arial,Helvetica,sans-serif;
}So, either find that line in your CSS file, or if you have the option to add it to custom CSS via your theme.
Posted 7 months ago #
sorry but i have no idea how to do that, where im i suposed to look for what you are showing? and what im i supposed to do when i find it.
Posted 7 months ago #
ok the first stuff just worked, it seems that the server was refreshing, now where can i see the available fonts, i dont know arial seems too commom and i wanna try some different fonts.
Sorry.
It is on line 28 of your wp-content/themes/magnifizine/style.php file.
Here is the original code:
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, #searchsubmit, input[type="submit"], input[type="reset"], cite, a.tab-active, #nav .cat-item a, #nav .page_item a, .pop_inner_title {
color: #006EA2;
}So you just need to add:
font-family: Arial,Helvetica,sans-serif;to it so it looks like what I posted above.
Posted 7 months ago #
like helvetica 45
Try the example above first to make sure it is compatible across all browsers, then you can tweak it as you like.
You must log in to post.
