Autor Zpráva
PetrR22
Profil *
Zdar,
na mbot.cz se mi nezobrazují ikonky které jsou tvořeny fontem. Na tox.chat jim ty samé ikonky fungují - stejný font.

Nevím co jsem vynechal za kód že jim to funguje a mě ne.

body {
    font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-style: normal;
    text-rendering: optimizelegibility;
    font-weight: 200;
    
    font-size: 16px;
    line-height: 28px;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none
}


/* woff for most browsers (not IE8) and ttf for Android older than v4.4 */
@font-face{
    font-family: "Fira Sans";
    src: local("Fira Sans UltraLight"),
        url("theme/fonts/FiraSans-UltraLight.woff") format("woff"),
        url("theme/fonts/FiraSans-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face{
    font-family: "Fira Sans";
    src: local("Fira Sans Light"),
        url("theme/fonts/FiraSans-Light.woff") format("woff"),
        url("theme/fonts/FiraSans-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: "Fira Sans";
    src: local("Fira Sans Regular"),
        url("theme/fonts/FiraSans-Regular.woff") format("woff"),
        url("theme/fonts/FiraSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Leaving in support for IE8 and older here since it wouldn't degrade gracefully */
@font-face {
    font-family: "Glyphter";
    src: url("theme/fonts/Glyphter.eot");
    src: url("theme/fonts/Glyphter.eot?#iefix") format("embedded-opentype"),
        url("theme/fonts/Glyphter.woff") format("woff"),
        url("theme/fonts/Glyphter.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
[class*="icon-"]:before{
    display: inline-block;
    font-family: "Glyphter";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 98px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-debian:before{content:"\0041";}
.icon-gentoo:before{content:"\0042";}
.icon-arch:before{content:"\0043";}
.icon-diaspora:before{content:"\0044";}
.icon-minionbook:before{content:"\0045";}
.icon-dramabird:before{content:"\0046";}


    <link rel="stylesheet" type="text/css" media="screen" href="/_css/_bootflat/bootflat.css">



 <span class="icon fa fa-heart">        


Díky za případné rady
PetrR22
Profil *
VYŘEŠENO ALE

Stačilo vložit do kodu toto:
<link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
---> <span class="icon fa fa-heart">

Ale nevím proč když to css uložím na svůj hosting, proč to nefunguje. Nevíte proč?
shaggy
Profil
PetrR22:
Pretože máš zlú cestu k fontom.
Tvoj font-awesome.css je tu: www.mbot.cz/_css/_bootflat/font-awesome.min.css
Fonty hľadá v adresári: www.mbot.cz/_css/fonts/ - ale tam žiadne nie sú.

+ je zbytočné volať font-awesom.min.css aj font-awesome.css
PetrR22
Profil *
Díky!
Měl jsi pravdu, chyběla mi tam celá složka s fonty.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: