Iconic Fonts keep overwriting each other.

How are you trying to add the custom fonts? Are you using

@font-face

</TREagans>

Thanks for the fast response :) I uploaded two shortened versions of my site:

Nr 1: @font face of linea-music is above @font face of linea-basic http://bit.ly/1zDbGa1

Nr 2: @font face of linea-music is bellow @font face of linea-basic http://bit.ly/1AB2qbT

(If it matters, i am using bootstrap)

@Thas Eagans

As you can see in my style.css, i copied the style.css content of the fonts into my own style.css (For example the @font-face rules) The file structure should be correct because the icons display something.

@Colin Marshall

Then i used a different selector for every single one of these icons to select the correct font-family

@Jared Cowan

The Website of the font is called http://linea.io. So i am basically using 1 font which is split into several pieces ( in my case 2 pieces) The fact that both font pieces (linea-music and linea-basic) share the same "alphabet" seems to be a big problem in this specific case. And thats exactly what i'd like to fix :/

Thanks for every response

Lucca Sanwald Have you tried going into the css file and renaming one of the font families?

Just for example; Try renaming linea-arrows-10 to fonty-arrows-10

Then just rename the file names (if you want for clarity)

@font-face {
  font-family: "fonty-arrows-10";
  src:url("fonts/fonty-arrows-10.eot");
  src:url("fonts/fonty-arrows-10.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonty-arrows-10.woff") format("woff"),
    url("fonts/fonty-arrows-10.ttf") format("truetype"),
    url("fonts/fonty-arrows-10.svg#fonty-arrows-10") format("svg");
  font-weight: normal;
  font-style: normal;
}

Do that for the font families in that file.