Google Fonts Look Weird on iPhone - ios

So I imported multiple google fonts to my Wordpress site, vhawley.com, and when I pull them up on the computer they show up fine, but when I pull them up on my iPhone, (maybe other mobile devices, thats just all I have as far as phones) it looks like its almost being layer on on top of the other! I just don't get it! My link is fine, I've tried multiple fonts, but nothing works. Is this a common problem that can just be fixed easily?
vhawley.com
If you go to the site, I just got done with it, it's my sisters, how do you like it? The colors won't always be like that keep in mind.

Honestly I just checked it out from a few different browsers, that font doesn't look good at all. Why don't you try a different font and see if you still have the same problem?

I would use Helvetica, very clean font right out of the box. Try it out I'm sure you will like it! Also, you can set the font-weight property to make it as thin as you like. try the following:
h1, h2, h3, h4, h5, h6 {font-family:helvetica;font-weight:100;}
Don't forget to remove the google font first!

Related

notepad++ theme colors weird appearance

My question is regarding Notepad++, I'm trying to use a theme (that came with the installation), as I think a darker editor would be better for my eyes, either way for some reason the code appears as this:
this is for Lua and I can't seem to find any settings for this. It's obviously not workable this way. I also tried using github's editor but it wasn't really functioning the way I wanted.

famo.us: make my fonts look like iOS fonts

Is it possible to make my fonts in famo.us look like the ones normally in iOS? It seems like my fonts never look quite as nice.
Can anyone tell me if they have faced this same problem?
I've seen buttons shrink and font families change due to an "implicit" small control webkit style. You may want to try adding style properties:
'-webkit-appearance': 'none',
'font-size': 'small',
The font-size doesn't need to be small, but it needs to be something other than xsmall.

<img> not appearing on iPad.

I'm experimenting with different techniques using Amazium here http://stevengeorgeharris.com/croft/croft; when viewing on an iPad the image of the ballet dancer is missing, yet appears on everything else including Nexus 7 and iPhone 5. I have played around with positioning and z-index's but nothing happens.
I then went into IOS simulator to use web inspector and I noticed when I refresh the page the image appears and quickly disappears again. I cannot for the life of me find the cause of the problem, maybe I am over looking something very simple, as I usually do.
Change position:relative to position:absolute for it to show up on iOS.
i just see the website try to add overflow:hidden it will be good in regular explorer but it will not work in iOS but look nice

Which text rendering framework should I use?

I'm currently scoping out a project for the iPad which is rather text and font heavy. There are many pages of styled text, which also need custom fonts. I have toyed with the idea of simply rendering PDF or PNG files on-screen, but I think we need to be able to dynamically repaginate the text.
We've used UIWebView in a previous project quite successfully, however there are a few things I don't like about it... Firstly, you have to hide all the silly drop shadow elements to stop them showing when the user scrolls beyond the bounds, and we had to add some JavaScript to find out actually when a page had fully loaded. Overall, the experience seemed a bit clunky, as well as worrying if the project could potentially break if Apple decided to update the subviews...
The other thing we've been looking at is Core Text, which looks very powerful. The only worry with this is that it appears to be a rather steep learning curve for us since we've mainly been working in UIKit (with a bit of Core Graphics). I couldn't even work out how to change the size of the font after a morning's work.
Are there any other alternatives*? Should I stick with Core Text? Is there any way of using UITextView with multiple fonts and styles?
Thanks!
:-Joe
EDIT: *by alternatives, I am really looking for built-in iPhone SDK alternatives only please... I would rather not mess with third party frameworks because I don't have the time... Thanks :)
You could use Pango, which uses CoreText when on iOS.

sIFR works, except for one word in my navigation bar

My website uses sIFR and it all seems to work great, except for one word in my navigation bar. The navigation links all work, but the word "Zoeken" (= Search) in front of the search form doesn't get changed to the desired font type.
I have checked the header.php of my site, as well as the CSS, but any of the changes that I made, don't seem to work.
Could anyone help me out? I am hoping it's just a "piece of cake", but my knowledge of sIFR is close to non-existent.
Many thanks!
Jasper
Try adding a class to this element Zoeken and then target that span specifically with cufon to see if it works, maybe? As cufon is really simple and if it's not converting it the only thing I can think of is that it's not being targetted. If the above doesn't work it'll also give you a better idea of what the problem is.

Resources