All geek questions in one place

Icons that do not show using the semantic interface

I am creating a Semantic UI with Gulp using the manual at https://semantic-ui.com/introduction/getting-started.html .

However, the problem is that the icons are not displayed. Therefore, if I use <i class="facebook icon"></i>, nothing appears.

I think I did not create the font of the icon or something like that.

Do I need to download Font Awesome or something similar myself? I read the semantic interface documentation, but nowhere can I find that I need to do something to enable the icons.

+7
source share
4 answers

, , /default/assets/fonts/

, semantic.css.

semantic.css .

, download zip ui dist.

+1

2019 ... . , .

. semantic-ui, dist. , , semantic-ui.css. .

, .

0

, , webpack.mix.js

  .copy('node_modules/semantic-ui-css/themes/default/assets/fonts/icons.woff','public/css/themes/default/assets/fonts/icons.woff')
  .copy('node_modules/semantic-ui-css/themes/default/assets/fonts/icons.woff2','public/css/themes/default/assets/fonts/icons.woff2')
  .copy('node_modules/semantic-ui-css/themes/default/assets/fonts/icons.ttf','public/css/themes/default/assets/fonts/icons.ttf')

Npm Run Dev

0


<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" />

,

-1

Source: https://habr.com/ru/post/1672801/

More articles:


All Articles