Posterize.us: Favicon & @font-face - Posterize.us

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Favicon & @font-face How to use

#1 User is offline   Nypaloto 

  • Member
  • PipPip
  • Group: Members
  • Posts: 11
  • Joined: 13-September 10

Posted 23 November 2010 - 08:20 AM

Couple of quick questions (likely more to come, as I've started customizing my theme):

1) If the theme doesn't support it, can I nevertheless change my favicon? Am currently using a tweaked version of the Mag theme

2) If I don't have my own host/server (which I'm planning of getting rid of), hence, can't host my files/fonts, is there another way to use @font-face?

Thanks!
Alex
0

#2 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 23 November 2010 - 09:11 PM

View PostNypaloto, on 23 November 2010 - 08:20 AM, said:

Couple of quick questions (likely more to come, as I've started customizing my theme):

1) If the theme doesn't support it, can I nevertheless change my favicon? Am currently using a tweaked version of the Mag theme

2) If I don't have my own host/server (which I'm planning of getting rid of), hence, can't host my files/fonts, is there another way to use @font-face?

Thanks!
Alex


Yep, you can change the favicon yourself. Just add in the favicon html if it's not already in there. But you will have to host it yourself. Going the Dropbox route is a popular way to go (it's free). Create an account, drop your favicon into your Public folder, and link to it. Just don't abuse it. =]

You don't want to link font files from a different domain, because Firefox doesn't allow cross-domain font linking, so that method is out anyway. But there is a way to embed fonts into CSS, although it won't work on older versions of IE. http://singy.postero...posterous-theme
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#3 User is offline   littleredhen 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 1
  • Joined: 03-September 11
  • Posterous URL:littleredhen.posterous.com

Posted 03 September 2011 - 06:54 AM

I tried uploading a font kit to my own server and then altering the theme html/css to use that font. Is the method listed above the only way around the Firefox issue?

I tried it out, and Fontsquirrel says:

Quote

The font whatever-webfont.ttf is already a webfont. We do not allow you to reprocess existing webfonts. Please only run original OTF and TTF fonts through the Generator.


Also, have tried integrating TypeKit into my Posterous theme, and that didn't work either -- the Mag theme alreadys uses Fontsquirrel. Do the two clash?
0

#4 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 05 September 2011 - 11:44 AM

Yeah, webfonts are already encoded a certain way, so you wouldn't be able to use those. You'd have to use a full ttf font found in your computer's font folder, or purchased from a font site or downloaded from Fontsquirrel.

TypeKit and @font-face don't "clash" - you just need to make sure you're not using both on the same tags. That will probably cause some conflict. I'd suggest trying to get TypeKit working on its own, then try overwriting the @font-face attribute. That way you'll know if the problem lies with TypeKit or a conflict between the two.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users