Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 880
  • Last Modified:

Cool titles/headings on website

Does anyone know how http://activeden.net/ manages to use a custom font for their headings such as:

10,386
Flash & Flex Files from $1

Weekly Features

Free File!

etc, etc

It's not cufon because that cannot be selected and its not flash.. so how are they doing this?

Anyone know the technique?
0
hubfub
Asked:
hubfub
  • 2
  • 2
  • 2
  • +1
1 Solution
 
McNeticCommented:
All current browsers support loading fonts via css from a web server. It's a bit different how the font has to be supplied to each browser (server side), and there are of course licensing issues.

Google provides the Google Font API (http://code.google.com/webfonts) which allows of embedding from a list of open source fonts easily using this technique.
0
 
BadotzCommented:
It looks to be complicated CSS.
0
 
hubfubAuthor Commented:
is there a tutorial on how to do this?

The Google path looks good but I want to use my own fonts and don't want to refer to a third party CSS file
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
mreuringCommented:
Ever heard of @font-face? The problem with @font-face being that not all browsers are equal. But for a quickfix: http://www.fontsquirrel.com/ has a large list of fonts that are legal to use as embedded fonts, as well as a generator to generate a css file and required font-formats based on your own ttf file (just make sure it's legal to do so).
Here's a more detailed explanation of the process:
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
0
 
McNeticCommented:
With Google, you use your own css but you can only use the hosted fonts of google.
0
 
hubfubAuthor Commented:
Why is there a ¿ in the font face code??
0
 
mreuringCommented:
I read up on this a long time ago, but following the links through the whole mess I found back the relevant info here: http://paulirish.com/2010/font-face-gotchas/#smiley

In short, it is there to make the correct version of your font is loading from your own website and doesn't accidentally get polluted by the local font-cache of the machine it is being rendered on.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now