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.

gill sans MT - help!

Featured Replies

I need to use this font on a website...

 

but got no idea where to get it or how ?!

 

please post what to do

To be honest, I'd pick another font it you're able to. It's a Micro$oft font so you're going to need to buy it (with the correct licence for embedding) and there's plenty of free alternatives out there - http://www.fontsquirrel.com/

 

Anyway, probably the best way to display a non-web safe font like that is with @font-face

  • Author

To be honest, I'd pick another font it you're able to. It's a Micro$oft font so you're going to need to buy it (with the correct licence for embedding) and there's plenty of free alternatives out there - http://www.fontsquirrel.com/

 

Anyway, probably the best way to display a non-web safe font like that is with @font-face

 

I have to use it, its what the design used for the main text. and i gota code it into a website.. nearly finished just need to do the fonts

@font-face { font-family:Gill Sans MT; src:url('/link-to-the/font.eot'); } /* For IE */
@font-face { font-family:Gill Sans MT; src:url('/link-to-the/font.ttf'); } /* For other browsers */

 

And then just call it like any other font:

#monkeynuts {
font-family:'Gill Sans MT', 'Comic Sans', Wingdings;
}

 

I'd still only embed it if you've got the licence for it though, especially if it's a project for a client. You may be able to get it free from a few places but it's still a commercial font.

Edited by Spitfire

  • Author

@font-face { font-family:Gill Sans MT; src:url('/link-to-the/font.eot'); } /* For IE */
@font-face { font-family:Gill Sans MT; src:url('/link-to-the/font.ttf'); } /* For other browsers */

 

And then just call it like any other font:

#monkeynuts {
font-family:'Gill Sans MT', 'Comic Sans', Wingdings;
}

 

I'd still only embed it if you've got the licence for it though, especially if it's a project for a client. You may be able to get it free from a few places but it's still a commercial font.

 

ily!

Edited by kingy da killa

Micro$oft

 

:rolleyes:

 

I have to use it, its what the design used for the main text. and i gota code it into a website.. nearly finished just need to do the fonts

 

This is where developers need to work closely with designers.

It's not the designers fault, they don't usually know if the font is licensed for embedding on a website, hell some don't even realise they may need a separate licence to use it in the design in the first place.

 

If the font is blacklisted from font squirrel then chances are you can't use that font for embedding (although there are exceptions). You'd be better off bringing this up with the company you work for as i'm sure they'd prefer to know and would appreciate the heads up.

If they still want to go ahead and use it then do as they say but then it's not on your head.

Is it worth the risk using it? Could cause you problems in the future if you got caught. Not worth the hassle IMO.

Yeah, just ask the company/designer what you should do, as it is a commercial font, it's then their decision what to do - buy it or use an alternative. In my most recent project I asked the same question, they decided to use a similar google font. Happy days!

Edited by mrchristoph

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.