Source icons BOOTSTRAP / CSS

0

I was looking at some websites and saw that they are using some icons, but without the need to put an image, a font is used, I found it very interesting because you can change size, color without many changes, I would like to know how I can implement this in my code, and if anyone knows the source that this site uses the image.

    
asked by anonymous 02.10.2017 / 19:08

1 answer

2

To implement on your site you can use the fontawesome that today I believe to be the most complete: link

After download just add on your site like this:

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  

Someone knows the source that this site uses.

There is no way to tell if you do not know what the site is, after all sources can be created by independent people, drawn on AdodeIllustrator, but there is a way to find out using Chrome or Opera:

  • Right click on the icon and select the inspect element / inspect element option

      

  • Selectintheinspectortheelementthathastheclassoftheiconorpseudoelement(::beforeor::after):

      

Seethatontherightsidethepropertyfont:(orfont-family)willhavethenameofthesourceused,sojust"googlar" the name of the source, if it is in the interet it is probably there for download, is because the source was created by the site developer and you can not download it (you can even copy from the website you entered, but there may be some licensing implication, however this is not the focus of the conversation).

  

Note: Looking at their source code I could see that they might have used this tool link to generate the custom font.

    
02.10.2017 / 19:20