Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Google font display cross browser

Featured Replies

Roosters "Why..." thread reminded me about this.

 

Googlefonts.

 

1 : Good idea? Or naff?

 

2 : I quite like Cantarell for certain situations. But has anyone else noticed especially in IE that it kind of displays it strange sometimes, like cutting the bottom pixel or two off the letters? Also some sizes seem to display better than others. Also is it just me or does it display better when using px sizes not pt sizes?

 

I can't quite get a handle on this or spot any particular consistent pattern to it - has anyone else noticed it, and can give me some pointers?

Bump :mf_rudolph:

 

I have noticed this, more so on headings. Even in it's Chromish counterparts, probably couldn't re-emulate off the bat but will keep an eye out before.

 

In IE you know anything good for the web there will be problems with it. In the times bottom letters being clipped etc, i've added additional padding values here.

 

 

 

I've been using @font-face which used to be just an IE feature but is now supported as CSS3 in Chrome, Safari, Firefox and Opera and I haven't had problems with font display, Useful tutorial here http://www.miltonbayer.com/font-face/ and fonts here:-

http://www.fontsquirrel.com/fontface

but of course you may not find the font you want.

but of course you may not find the font you want.

There is a feature available on FontSquirrel where you can create a @font-face pack from any font you want. Simply upload the font from your PC, once it's processed you download a compressed file with the font files, CSS and HTML code for it.

 

They provide the feature in good faith that people won't abuse font copyrights and usage rights, so let's hope enough people use it wisely so we don't all lose out on this.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.