1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

replace logo text with css text (woff)

Discussion in 'XenForo Questions and Support' started by Marcus, Apr 9, 2012.

  1. Marcus

    Marcus Well-Known Member

    Modern browsers can now deal with fonts from the server in .woff format. Do you plan to replace your logo text with this technology?
  2. Floris

    Floris Guest

    What's wrong with using the already existing way to deal with fonts?
  3. Marcus

    Marcus Well-Known Member

    you can display the xenForo logo the same as here on xf.com with css (.woff)

    Are there people out there who actually do that?
  4. Forsaken

    Forsaken Well-Known Member

    Depending on the font, there are limitations on web use.

    There are also a lot of services that are javascript based (Google WebFonts, Typekit, FontsLive, Fonts.com, FontDeck) that allow for remote use of the font through their API's (All of the ones listed are supported by Google WebFonts).

    There is also Cufon, or just the plain @font-face format, which is supported by most modern browsers.

    You are often limited by what you can do with CSS (More so with older browsers), and with the display of the font/CSS per browser, which generally isn't the same across browsers and operating systems.
  5. Marcus

    Marcus Well-Known Member

    I am talking about font-face, this is how you can assign a font from the server:

  6. Floris

    Floris Guest

    But why would I convert all the filetypes I already have into .woff .. What's so wrong about the current extensions?
  7. Marcus

    Marcus Well-Known Member

    It may be possible we are talking about multiple things here. I am talking about replacing the logo [​IMG]with <span class="logo">xenForo<span class="logo_top">TM </span></span> where .logo is defining the font. I am unsure how this is possible with 'extensions', if yes, than I am also very interested in that! There are lots of new things browsers can do now, and thanks to the auto-update my users browsers are mostly up to date :)
  8. Floris

    Floris Guest

    Just to avoid confusion; this is what I am talking about.
    css3 @font-face rule support: http://www.w3schools.com/css3/css3_fonts.asp
    Firefox, Chrome, Safari, and Opera support fonts of type .ttf (True Type Fonts) and .otf (OpenType Fonts).
    Internet Explorer 9+ supports the new @font-face rule, but it only supports fonts of type .eot (Embedded OpenType).
    Note: Internet Explorer 8 and earlier versions, do not support the new @font-face rule.



    So we're talking about the same thing :)

    .woff is not even used by more than 0.02 % and is basically ttf, but I do hope that within a short period of time, and before html6 / css4 that it has become the standard to replace openType, ttf, and what not.

    I understand the desire for a single standard, I just don't think there's nothing wrong with using what's already out there, be it TypeKit, openType.js or Google web fonts. Or just define your own yourself.

    The gamma, dpi, and font render engine on various operating systems display a font completely different. A logo has to be very precise, it's usually the branding of a company. You 'can' use the coca cola font.woff, but it will be very thin and feel compressed on my old Mac Pro or even without proper css definitions un-aliased and jittery-ish on Windows. Whereas it looks almost 100% the same on as the real logo on my iMac.

    You'd also have to do some trickery in regards to most logos, such as vBulletin uses Industria or whatever it was, but the logo is actually stretched vertically, and longer end-points, to be more unique. And XenForo has a strike through on some letters, etc. Most companies might end up having to create their own .woff font. Their efforts are perhaps better spent on .svg-ing their logo.

Share This Page