CODEWITHSUNDEEP
javascripthtmlcssiconsfeather
Akın Yönel
Akın Yönel

Reputation: 9

Feather css icons İs not working

I should use feather css icons but, icons are not working on my mvc project. I tried changing file path but it did not work again.

@font-face {
  font-family: "feather";
  src: url('../fonts/feather.eot?t=1501841394106'); /* IE9*/
  src: url('../fonts/feather.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/feather.woff?t=1501841394106') format('woff'), /* chrome, firefox */
  url('../fonts/feather.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/feather.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */
}


@font-face {
  font-family: "feather";
  src: url('../fonts/feather.eot?t=1501841394106'); /* IE9*/
  src: url('../fonts/feather.eot?t=1501841394106#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/feather.woff?t=1501841394106') format('woff'), /* chrome, firefox */
  url('../fonts/feather.ttf?t=1501841394106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/feather.svg?t=1501841394106#feather') format('svg'); /* iOS 4.1- */
}

.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before { content: "\e81b"; }

.icon-alert-circle:before { content: "\e81c"; }

.icon-activity:before { content: "\e81d"; }

.icon-alert-triangle:before { content: "\e81e"; }

.icon-align-center:before { content: "\e81f"; }

.icon-airplay:before { content: "\e820"; }

.icon-align-justify:before { content: "\e821"; }

.icon-align-left:before { content: "\e822"; }

.icon-align-right:before { content: "\e823"; }
.
.
.
.

Upvotes: 0

Views: 5092

Answers (1)

Bhargav Sai Gajula
Bhargav Sai Gajula

Reputation: 11

Cross-Origin Request Blocked(Reason: CORS request not http). it occurs locally you can download feather font and just paste font files in your respected fonts folder and replace your urls with new files and done.

Upvotes: 1

Related Questions