SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Feb 2013
    Posts
    243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    why is only some of my fontello icons working?

    this is how ive done:

    downloaded the fontello pack with the icons i wanted.

    unpacked.

    installed the font locally.

    copied fontello.css and the fonts to my websitefolder.

    Goes to my website locally... only some of the icons are showing.

    Anyone have an idea why i have this problem?

    EDIT: if i remove the fonts from my website folder they are all showing in chrome, but none in FF....

    my css:

    Code CSS:
    @font-face {
      font-family: 'fontello';
      src: url('../font/fontello.eot?62306851');
      src: url('../font/fontello.eot?62306851#iefix') format('embedded-opentype'),
           url('../font/fontello.woff?62306851') format('woff'),
           url('../font/fontello.ttf?62306851') format('truetype'),
           url('../font/fontello.svg?62306851#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
    /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
    /*
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      @font-face {
        font-family: 'fontello';
        src: url('../font/fontello.svg?62306851#fontello') format('svg');
      }
    }
    */
     
     [class^="icon-"]:before, [class*=" icon-"]:before {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* you can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
     
    .icon-up:before { content: '\e806'; } /* '' */
    .icon-menu:before { content: '\e803'; } /* '' */
    .icon-mail:before { content: '\e800'; } /* '' */
    .icon-check:before { content: '\e802'; } /* '' */
    .icon-right-open:before { content: '\e809'; } /* '' */
    .icon-facebook-1:before { content: '\e808'; } /* '' */
    .icon-facebook:before { content: '\e805'; } /* '' */
    .icon-user:before { content: '\e801'; } /* '' */
    .icon-phone-1:before { content: '\e807'; } /* '' */
    .icon-phone:before { content: '\e804'; } /* '' */

  2. #2
    SitePoint Addict
    Join Date
    Feb 2013
    Posts
    243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    solved the problem (and sorry about double threads, wont happen again:P )

  3. #3
    SitePoint Member
    Join Date
    Apr 2014
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Fontello Instalation

    Hi
    I trying to using fontello icons for my new web site. How to install this fontello icons. expecting a short explanation of this installation and how can call fontello icon in css style sheet. I already put this. but showing in only local site view, not showing in live view. Actually what is the reason of these issue?
    Dera friends please give explanation to solve these prblms.


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
  •