"Press Start 2P" font not rendering

[Tyler da Silva]

I’ve installed the Typography addon to my site, and it works very well. The one issue I’ve had is that a certain font, Press Start 2P, won’t render properly. Instead, my site title renders in one of the default sans-serif fonts.

Is this something that can be fixed through Typography, or is this an issue with Google Fonts?

[Tom]

Hi Tyler,

Sorry, somehow this thread escaped me!

This is a good question – and I’m having the same issue.

I’ll look into it and try to find a solution.

Thanks, and sorry again!

[Tommy Baggett]

Any updates on this issue? I’ve run into the same problem with the “Press Start 2P” Google Font as well as some others. I just downloaded/purchased the GP Premium add-on, so I should be running all the latest versions of the theme. Thanks!

[Tommy Baggett]

By the way, I forgot to mention that when I looked at my site’s generated content page source in a browser, I see this attempt to load the font:

<link rel='stylesheet' id='generate-fonts-css' href='//fonts.googleapis.com/css?family=Shanti%3Aregular%7CVT323%3Aregular%7CPress+Start+2P%3Aregular&subset=latin%2Clatin-ext&ver=1.2.4' type='text/css' media='all' />

Does this look correct?

[Tommy Baggett]

Sorry, I don’t mean to hijack this thread, but I also noticed this in the page source:

h1 {font-family: Press Start 2P; font-weight: normal; text-transform: uppercase; font-size: 40px; }

According to Google’s Quick Use guide, the font-family name should have quotes when spaces occur in the name, like so:

font-family: 'Press Start 2P', cursive;

I used the “Simple Custom CSS” plugin to add the following and I now see the Press Start 2P font being displayed on my site.

<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>

h1 {font-family: 'Press Start 2P'; font-weight: normal; text-transform: uppercase; font-size: 40px; }

[Tom]

Yea this is a weird one – the quotations shouldn’t matter (doesn’t with any of the other fonts), but for some reason, this font doesn’t want to play nice.

Haven’t found this issue with any other font, and haven’t been able to figure out what’s going on.

Do you have GP Hooks? If so, you can include the <link rel.. in the wp_head section, and then add your CSS with the font in your custom CSS.

I’m out of office until tomorrow night, but will take a deeper look at exactly what’s going on with this when I get home.

Thanks!

[Author]

Posts