Checkbox doesn't show the tick on checked

12

Instead of show the tick (√) it’s shows the word checkbox_md.
I think this has a simple solution, but I can’t find it.

<label class="checkbox">
      <input type="checkbox">
      <i class="icon-checkbox"></i>
</label>

you are missing the icons,
https://framework7.io/docs/icons.html

No, I put them. Other icons works fine, like Facebook icon. 34

    <link rel="stylesheet" href="css/framework7-icons.css">

The fonts file in fonts folder and the css file:

@font-face {
          font-family: 'Framework7 Icons';
          font-style: normal;
          font-weight: 400;
          src: url("fonts/Framework7Icons-Regular.eot");
          src: local('Framework7 Icons'),
             local('Framework7Icons-Regular'),
             url("fonts/Framework7Icons-Regular.woff2") format("woff2"),
             url("fonts/Framework7Icons-Regular.woff") format("woff"),
             url("fonts/Framework7Icons-Regular.ttf") format("truetype");
        }
.f7-icons, .framework7-icons {
          font-family: 'Framework7 Icons';
          font-weight: normal;
          font-style: normal;
          font-size: 28px;
          line-height: 1;
          letter-spacing: normal;
          text-transform: none;
          display: inline-block;
          white-space: nowrap;
          word-wrap: normal;
          direction: ltr;
          -webkit-font-smoothing: antialiased;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-feature-settings: "liga";
          -moz-font-feature-settings: "liga=1";
          -moz-font-feature-settings: "liga";
          font-feature-settings: "liga";
        }