Skip to main content

Home/ CSS Evangelist/ Group items tagged fontface

Rss Feed Group items tagged

yc c

Font Squirrel | Create Your Own @font-face Kits - 4 views

  •  
    download and/or convert fonts Upload a font and this will spit out everything you need to embed it into a website including HTML, CSS and multiple font file formats. You'll definitely want to bookmark this one! Each @font-face font kit come with: Original TrueType or OpenType Fonts for Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+EOT fonts for Internet Explorer 4+Demo.html and stylesheet.css so you can get going fastNOTE: All fonts are subset to the Mac Roman char set.
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1<script src="js/modernizr-1.0.min.js"></script> The second step is to include on your html tag a class of “no-js”: ?1<html class="no-js"> Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1<html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions  video audio cufon-active fontface cufon-ready">
  •  
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
yc c

CSS3 @font-face - Teehan + Lax - teehanlax.com - 4 views

  •  
    ABOUT THIS PAGE: This is a little experiment to try some new stuff with the new browsers and the @font-face rules. You'll need the latest versions of Safari, Firefox or Opera to view it. We didn't design it to degrade gracefully.
1 - 3 of 3
Showing 20 items per page