Опубликовано Оставить комментарий

fontello

сайт – https://fontello.com/

Позволяет не загружать полностью Font Awesome, а составить свой небольшой набор только из символов которые нужны для сайта
Включает – Fontelico, Font Awesome, Entypo, Typicons, Iconic, Modern Pictograms, MFG Labs, Maki, Zocial, Brandico, Elusive, Linecons, Web Symbols – можно составить любую комбинацию

show codes
icon-search0xe800
icon-mail0xe801
icon-phone0xe802
icon-cancel0xe803
icon-phone-squared0xf098
icon-mail-alt0xf0e0
icon-instagram0xf16d
icon-vkontakte0xf189
icon-paper-plane0xf1d8
icon-paper-plane-empty0xf1d9
icon-binoculars0xf1e5
icon-copyright0xf1f9
icon-at0xf1fa
icon-whatsapp0xf232
icon-odnoklassniki-square0xf264
icon-facebook-squared0xf308

Сейчас на сайте такой набор символов

@font-face {
  font-family: 'fontello-vahro';
  src: url('../font/fontello-vahro.eot?44600313');
  src: url('../font/fontello-vahro.eot?44600313#iefix') format('embedded-opentype'),
       url('../font/fontello-vahro.woff2?44600313') format('woff2'),
       url('../font/fontello-vahro.woff?44600313') format('woff'),
       url('../font/fontello-vahro.ttf?44600313') format('truetype'),
       url('../font/fontello-vahro.svg?44600313#fontello-vahro') format('svg');
  font-weight: normal;
  font-style: normal;
}
    .font-icon {
      font-family: "fontello-vahro";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      /* margin-right: .2em; */
      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 */
      line-height: 1em;
     
      /* 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%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *