Diskuze: Nefunkční fonty - button

HTML a CSS HTML a CSS Nefunkční fonty - button American English version English version

Avatar
Vojtěch Jelínek (Slepice1):

Asi vám musím připadat jako lama, ale zase mi něco nefunguje. Jedná se o to že nefungují fonty. Zobrazí se prostě defaultní font. Pokud tam dám třeba verdana tak se font změní na verdanu.

<!DOCTYPE html>
<html lang="cz-cs">

<head>
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P&subset=latin,greek,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<title>Tlačítko Devbook</title>
<style>
@font-face {
  font-family: "8-bit";
  src: 'fonts/8-bit.TTF'
}


button{
height:50px;
width:125px;
border: none;
box-shadow: 0px 15px 0px 0px #8A8686;
font-family: "8-bit" 'PressStart2P-Regular';
background-color:#A6A1A1;

}
button:hover{

}

button:active {
margin-top: 8px;
box-shadow: 0px 7px 0px 0px #8A8686;
}
</style>
</head>
<body>
<button class="button">DEVBOOK</button>
</body>
</html>
 
Odpovědět 6.6.2013 18:12
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Vojtěch Jelínek (Slepice1)
Honza Bittner:

zkus zadat jen tvůj font:

font-family: 'muj_font';

pak napiš jestli funguje :)

Nahoru Odpovědět 6.6.2013 18:26
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Vojtěch Jelínek (Slepice1)
Petr Nymsa:

Pokud vím, měl by jsi doplnit ještě adresy (src) pro další formáty fontů, pro IE to je .eot, ttf by mělo být nejspíše firefox a ještě je jeden formát

Nahoru Odpovědět 6.6.2013 18:49
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

jinak .. nemá být přípona .ttf ?? (malé)

Nahoru Odpovědět 6.6.2013 18:51
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na Vojtěch Jelínek (Slepice1)
Petr Nymsa:

http://www.fontsquirrel.com/…nt-generator Využij tohle, hodíš tma font a vylezou ti všechny 3 formáty + textový soubor s příkladem použití

Nahoru Odpovědět 6.6.2013 18:53
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Vojtěch Jelínek (Slepice1):

Tak nakonec tam bylo problémů více použil jsem ten font squirrel. Ale fonty pře ten link stejně nefungujou. Díky moc za rady. MYslím že by nebylo špatné udělat článek s různýma těma utilitama.

Editováno 6.6.2013 19:24
 
Nahoru Odpovědět  +1 6.6.2013 19:23
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.