I am having an issue with Cufon fonts on my Wordpress site. The top of the font is being cut off. I am using the MySiteMyWay theme called "Method". The issue is visible from a Windows 8 PC using Firefox, IE, or Chrome. I don't have enough reputation yet to post the screenshot, but you can view it at http://i.stack.imgur.com/uZunp.png
Thanks
Are you able to see this on other windows operating systems. I'm using vista and have something similar. Im my case I found this http://kaptinlin.com/support/discussion/comment/13545#Comment_13545 worked. It did however, mess with the overall line height.
Related
Ive been learning more about computers lately which means ive been trying to things and settings. Now some of my deskto icons have changed to a different picture. The ones shown are links for chrome, brave and edge. Im using windows 10.
image of my icons
It usually depends what your default browser is set to under 'Default programs'
Hi I have this problem on font spacing for different OS on Chrome.
This is the screenshot from MAC Chrome,
http://awesomescreenshot.com/0382ihbwa3
This is the screenshot from Windows Chrome,
http://awesomescreenshot.com/0752ihdi26
Is there anyway to make them look the same?,
I don't have any problem with slight differences on content spacing on MAC vs Windows but this one affects the Main nav sections alignment.
Any help would be really appreciated, thanks!.
Chrome will soon be transitioning to use DirectWrite for font rendering, instead of GDI. This means it'll be able to use proper subpixel rendering of webfonts, like other Windows applications (inc Firefox and IE). It's a known bug that has been around for a long time: https://code.google.com/p/chromium/issues/detail?id=124406.
You can enable DirectWrite rendering now on Chrome Beta/Canary, but it's at the price of security because sandboxing is disabled. It's nice to know it's coming though: https://code.google.com/p/chromium/issues/detail?id=137692#c109
I built a website that works great on Firefox, IE, and Chrome. Client goes to a tradeshow and realizes the website menu went bonkers in their iPad.
broken menu http://www.glassdoctordenvermetro.com/wp-content/themes/GDDenverTheme/images/photo.JPG
I tried a website that lets you preview your design by simulating it in case you don't have an iPad (like me). But the problem is it looks fine:
http://ipadpreview.com/previewer?url=http%3A%2F%2Fglassdoctordenvermetro.com%2F
What would suggest I do to figure this out? Is it a problem with the font being different on every browser perhaps? The width of the tab changes based on the menu font and wording but again, it looks fine on all other browsers I tested.
Thank you
Opening it an iPad simulator shows that the font is a much wider font and there's also greater letter spacing. You should specify more options in the font-family tag to have another more condensed font that is available on iOS. You could also bring the font-size down on iOS. The big issue with the testing site you're using is that it's still outputting HTML, the only trustworthy type of site like that would have to generate a screenshot image to ensure consistency.
Here's some fonts to help: http://iosfonts.com/
And 11px works with the existing font.
Alternately, removing the uppercase transform makes it fit.
So, i am making a small portfolio site (http://www.cip.ifi.lmu.de/~fritschd/testDebo/),
where i have a BIG box with a BIG font. On mac, everything is fine, on windows however, depending on the browser it can really suck.
Firefox on windows is one of those.
Is there a way to smooth this big font? What other options do i have? (I don't want to use an image for SEO reasons). Other (system) fonts have the same issue btw.
EDIT:
The example can be found at the linked page. The font has a size of ca. 180px, so it's pretty big.
The browser that seems to have problem is the latest build of firefox on windows. If you look at the div with the name in the page, the borders are pixelated. I read that it is an issue with windows true font option and browsers that don't have own settings (i.e. chrome) regarding that. So what are my options at this point?
It's a very well-known problem of using ClearType fonts on Windows, not bound to any specific web browsers. Read this very clearly explanation font-face-loaded-on-windows-look-really-bad-which-fonts-are-you-using-that-rend
This problem should not affect Windows 7 and/or IE9 users.
My suggestion is to implement your big block of text using transparent PNG using the -9999px technique that satisfy the SEO requirements. Have a look at this for the original famous -9999px css-image-replacement-technique/ or this for the newly developed technique Replacing-the-9999px-hack-new-image-replacement/
Unfortunately as far as I know there isn't anything you can do in code that can help, but it can be remedied a bit in your own browser by going to about:config then toggling gfx.direct2d.disabled to true. Hopefully that'll help some.
I notice a strange problem with the padding of a Wordpress theme i am developing. In FF/Chrom/IE8 on my own pc everything is ok.
Client has two different pc's but with the same IE8 browser. On each pc the div padding on one page is different. Unfortunatly, can't recreate the issue on me own pc. But what could be the cause???
Any tips, suggestions?
check that the IE is not running in comapatibility mode on one system. This is indicated by a little broken page icon in the address bar.
Compatibility view is likely to break standards compliant styling, as it tries to emulate ie7 rendering.