SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Gravel font

  1. #1
    SitePoint Enthusiast stealthdiamond's Avatar
    Join Date
    Jul 2005
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Gravel font

    http://new.myfonts.com/fonts/device/gravel/

    Anyone know where I can get this font or a similar one for free?

  2. #2
    SitePoint Addict EJ's Avatar
    Join Date
    Sep 2005
    Location
    Hills
    Posts
    237
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have a search through dafont under the appropriate categories: sans serif, techno (various). Sorry I can't narrow it down any further for you.
    “There's a way to do it better - find it.”
    — Thomas Edison

  3. #3
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Bear in mind that only users with this font installed will be able to see it.

    Make sure you specify fall back fonts for pc, mac and lunux users and also declare sans, sans-serif or serif as the last entry on your font family.
    This way everyone will be served something, otherwise you'll be relying on browser presets.

    Also make sure you use em or % to size your text and line height, if you use a fixed metric e.g. px, the design can break when either the font you designed the site in is not used, or if the user increases the font size.

  4. #4
    SitePoint Enthusiast stealthdiamond's Avatar
    Join Date
    Jul 2005
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I was planning on using it within photoshop so users wouldn't need the font to be installed but thanks for the tips.

    @EJ thanks, the pepsi font seems strangely satisfying. Hope the users dont recognize it.

  5. #5
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's even worse unless you're providing a textual backup as screen readers won't be able to 'read' it, search engines will just see an image, if a user browses to the site with images disabled they wont see anything.

  6. #6
    SitePoint Enthusiast stealthdiamond's Avatar
    Join Date
    Jul 2005
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes the alt text will be filled in.

  7. #7
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Although 'some' screen readers, including JAWS, will 'read' the alt text. I wouldn't count on future versions supporting it.

    Your best way to do this is to
    for eg

    Code HTML4Strict:
    <div id="logo">
        <h1>
            <a href="index.php">Home
     
            <img src="templates/siteground-j15-24/images/logo.jpg" alt="Talking-Guides Logo" />
            </a>
        </h1>
    </div>

    Code CSS:
    #logo h1 {
    	position: relative;
    	top: -10px;
    	z-index: 1;
    }
    #logo h1 img {
    	position: relative;
    	z-index: 1000;
    	top: -68px;
    	left: -12px;
    }

    This renders the text and places the image 'over' the text.

    This way you have the text as both text and image, providing you with a fall back if the user has images disabled.

  8. #8
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    It's a tricked-out variant of Helvetica Thin. That's a good start for your font family, though not too many people have that font, either.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •