The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Font Face Question

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #43999

    I tried to understand the font-face thing but confusing atm.

    I have my fonts kept in a folder named fonts and the font is called planet.tff

    @font-face {
    font-family: ‘MyWebFont’;
    src: url(‘fonts/planet.tff’);
    .container {
    width: 980px;
    margin: 0px auto;

    #logo {
    font-family: ‘MyWebFont-planet.tff’;


    …and what is your question?

    I do think you would need more filetypes for the font to support all browsers.

    I’m not up to date on this but this is a decent list.

    @font-face {
    font-family: ‘FontName’;
    font-weight: 400;
    font-style: normal;
    src: url(‘fontname.eot’);
    src: url(‘fontname.eot?#iefix’) format(’embedded-opentype’),
    url(‘fontname.woff’) format(‘woff’),
    url(‘fontname.ttf’) format(‘truetype’),
    url(‘fontname.svg#FontName’) format(‘svg’);


    if i had fonts in a font folder how I would get it to work not picking it up. Not to sure if I set it up correct?


    in the font family declaration of #logo you need only ‘MyWebFont’ plus what paulie said about browser support


    Will give it ago.


    found a good place to create own font kits

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.