Home > Paid Traffic Sources > Mobile

Optimal fonts for mobile (11)

01-04-2014 06:15 PM #1 afilia320 (Member)
Optimal fonts for mobile

Hi,

I am targeting mobile traffic for a campaign. I am designing a lander for mobile (smartphones), and I want to get your input about font recommendations that look good on mobile. Most of the devices coming into from my traffic sources are devices with good resolutions (ppi), so this in an important factor to consider. My main two questions are:



Thanks

01-04-2014 07:21 PM #2 bbrock32 (Administrator)

That's a pretty good question.

If I don't need anything fancy I use Verdana. It looks good but I never split tested with anything else to be honest.

Otherwise I will embed ttf fonts in my page but that increases the load time quite a bit.

01-04-2014 08:21 PM #3 deondup (Member)

Android = Droid Sans
iOS = Helvetica Nue

01-04-2014 09:03 PM #4 stackman (Administrator)

Quote Originally Posted by deondup View Post
Android = Droid Sans
iOS = Helvetica Nue
Those the respective fonts both devices naturally use?

01-04-2014 11:26 PM #5 2good4u ()

Quote Originally Posted by stackman View Post
Those the respective fonts both devices naturally use?
Yes..........

01-05-2014 06:05 AM #6 afilia320 (Member)

Hi all,

Thanks for the responses. Any comment about the font sizes for high-ppi devices?

01-05-2014 11:54 AM #7 mykeyfocus (Member)

Quote Originally Posted by afilia320 View Post
Hi all,

Thanks for the responses. Any comment about the font sizes for high-ppi devices?
Im experimwnting with using vw and vh css measurements in mobile landing page design. Variable height and width, so a font of 1vw would have each character as 1% screen width. I'm still tinkering but looks promising to make fonts look good on various screen sizes

01-05-2014 01:55 PM #8 afilia320 (Member)

Quote Originally Posted by mykeyfocus View Post
Im experimwnting with using vw and vh css measurements in mobile landing page design. Variable height and width, so a font of 1vw would have each character as 1% screen width. I'm still tinkering but looks promising to make fonts look good on various screen sizes
Interesting. And how do you code for the runtime to make those sizing decisions? AFAIK, Font sizes can be set via px, em and rem. or are you doing that via JavaScript?

01-05-2014 04:24 PM #9 Mr Green (Administrator)

Quote Originally Posted by mykeyfocus View Post
Im experimwnting with using vw and vh css measurements in mobile landing page design. Variable height and width, so a font of 1vw would have each character as 1% screen width. I'm still tinkering but looks promising to make fonts look good on various screen sizes
What kind of variances do you see between your css tests?

01-05-2014 04:41 PM #10 mykeyfocus (Member)

Quote Originally Posted by afilia320 View Post
Interesting. And how do you code for the runtime to make those sizing decisions? AFAIK, Font sizes can be set via px, em and rem. or are you doing that via JavaScript?
theres vw and vh too. have a google
i was using jquery mobile with native droid theme but it was quite bloaty so redesigned it using just html and javascript and tbh surprisingly i didnt see much of an increase in cr. i think any benefit of my lp loading faster was offset by it looking kinda crap on certain screen sizes :] still tweaking, am researching various other mobile frameworks, theres LOADS out there to choose from

01-05-2014 06:43 PM #11 servandosilva (Member)

Quote Originally Posted by stackman View Post
Those the respective fonts both devices naturally use?
^^this

Home > Paid Traffic Sources > Mobile