Announcement

Collapse
No announcement yet.

Merchant 9 Font-icons Documented

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Merchant 9 Font-icons Documented

    I created a new web page documenting the new Font Based Icons. These can be implemented using <tag data-[icon-option]="value"> but many can be called by class name.

    MivaIcons using data or class
    ElegantIcons using data or class
    Suivant using character
    IcoMoon using character
    Google Material using data or name

    Examples are provided.

    Note: It's interesting to note the the large Google Material Icon library loads faster (less network overhead) than any of the other icon libraries due to it loading from the Google content delivery network (CDN).
    Last edited by RayYates; 01-31-16, 11:59 AM.
    Ray Yates
    "If I have seen further, it is by standing on the shoulders of giants."
    --- Sir Isaac Newton

    #2
    Originally posted by RayYates View Post
    I created a new web page documenting the new Font Based Icons. These can be implemented using <tag data-[icon-option]="value"> but many can be called by class name.

    MivaIcons using data or class
    ElegantIcons using data or class
    Suivant using character
    IcoMoon using character
    Google Material using data or name

    Examples are provided.

    Note: It's interesting to note the the large Google Material Icon library loads faster (less network overhead) than any of the other icon libraries due to it loading from the Google content delivery network (CDN).

    So is Suivant limited to only 10 icons? I need a few more than shown.
    Last edited by lesliekirk; 04-27-16, 01:12 PM.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      you can just add your own. font-awesome is easiest, just add:

      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

      to the head area and go to town.

      https://fortawesome.github.io/Font-Awesome/get-started/

      (Still would like to know what I'm missing as to why miva uses locally sourced font libraries instead of CDN sourced and controlled versions.)
      Bruce Golub
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment

      Working...
      X