SwissChecklist

Checklist: IE 7 support for FontAwesome 4

FontAwesome 4 has no compatibility with IE7 anymore. This can be done although with this checklist.
  • Prepare

    Show Details Show Substeps Show Substeps Show Substeps
  • Copy font-awesome.css and name it font-awesome-ie7.css

    Show Details Show Substeps Show Substeps Show Substeps
    This file is contained in the FontAwesome download package
  • Open the file with Notepad++

    Show Details Show Substeps Show Substeps Show Substeps
  • Run this search-and-replace commands

    Show Details Show Substeps Show Substeps Show Substeps
    Find what: content: "\\f([0-9a-z]*?)";
    Replace with: *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf\1;'); }
    Search mode: "Regular Expression"

    Click "Replace all"

    Find what: :before^
    Replace with: (empty)

    Click "Replace all"
  • Include the new CSS file with an IE7 comment

    Show Details Show Substeps Show Substeps Show Substeps
    <!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href=".../font-awesome-ie7.css" />
    <![endif]-->
  • New Step

    Show Details Show Substeps Show Substeps Show Substeps
Use this Checklist

Preview/Print

Use

Change

Sort