How to add icons in a word or power point doc using font awesome or material design icons

The most famous font icons used in the web are font awesome and material design. You can find many other icon fonts on the Internet.

In this post I don’t want to talk about wich one is the best but how to use them in word o power point, for simplicity I’ll show only Microsoft Word interface but it’s pretty the same.

Download font Icons

Go to the font icon pack you have decided to use and download it.
These are the links for  font awesome and material design.

Install it to you PC/Mac

Usually what you probably have downloaded is a zip file. Unzip it and look up for .otf or .ttf files.

Install the .otf file if you found it or .ttf
In Windows double click the file and click to install button:

Use it in Microsoft Word

  1. Open Word
  2. Click To “Insert” Tab
  3. On right corner look up for “Symbol”
  4. Click “Other Symbols”
  5. Select the right font and the Symbol you want to add in dialog that will appear

Search for a symbol

Before I have shown how to insert a symbol using some font icons but the problem now is how to look for a specific symbol without blowing up your mind.
With font awesome it’s very easy:

  1. Go to the site
  2. Click to Icon
  3. Insert what you are lookin for
  4. Select the icon you like
  5. You will see the detail page where I have got to select the UNICODE string
  6. Go back to the word symbol dialog and insert that code to search box

Easy way to get unicode with other sites like material design

  1. Look up the .css file
  2. Open it with notepad
  3. look for what you want. For ex. “star” and select the appropriate one
  4. Grab the code

If you have some other interesting tip & tricks share it 🙂

PS:
I found many great icons in flaticon site.
Select the icons you want adding theme in your collection.
Then selection your collection and download it as “iconfont”

Annunci

Informazioni su Andrea Regoli

Project Manager .Net Developer WPF WP7 Asp.Net c# javascript ajax SQL sharepoint
Questa voce è stata pubblicata in Uncategorized e contrassegnata con , , , , . Contrassegna il permalink.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...