Autor Zpráva
ztr
Profil *
Pěkný den.
Jelikož jsem s css začátečník, potřeboval bych dobře míněnou radu.
Na stránkách mám vlastní font, ale nějak se mu nechce načítat ze samostatné složky. Proto ho mám v každé podsložce se stránkami nakopírovaný a místo jediného externího stylopisu, ve kterém by to bylo deklarováno, musím tento kód vkládat do každé stránky:

@font-face {
  font-family: 'Amarante';
  src: url('Amarante-Regular.eot');
  src: url('Amarante-Regular.eot?#iefix') format('embedded-opentype'),
       url('Amarante-Regular.ttf') format('truetype'),
       url('Amarante-Regular.svg#Amarante') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Amarante', Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 0.1px
}

Jinak by se font ani nenačetl, co jsem tak zkoušel. Co dělám špatně, šlo by mít pouze ty tři zdrojové soubory s fontem v samostatné složce a v další samostatné složce stylopis, ve kterém by bylo písmo deklarováno a v jednotlivých stránkách už bez stylování?

Uspořádání kořenového adresáře:
css
font
img
par html stranek
dalsi par html stranek
a jeste trochu html stranek
index.html

Takto by mohl externí css vypadat, ale písmo se nenačte:
@font-face {
  font-family: 'Amarante';
  src: url('../font/Amarante-Regular.eot');
  src: url('../font/Amarante-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/Amarante-Regular.ttf') format('truetype'),
       url(../font/'Amarante-Regular.svg#Amarante') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Amarante', Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  letter-spacing: 0.1px
}
Tomáš123
Profil
ztr:
šlo by mít pouze ty tři zdrojové soubory s fontem v samostatné složce a v další samostatné složce stylopis, ve kterém by bylo písmo deklarováno a v jednotlivých stránkách už bez stylování?
Áno, tadiaľto vedie cesta... Do CSS napíš:
@font-face {
  font-family: 'Amarante';
  src: url('../font/Amarante-Regular.eot');
  src: url('../font/Amarante-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/Amarante-Regular.ttf') format('truetype'),
       url('../font/Amarante-Regular.svg#Amarante') format('svg');
  font-weight: normal;
  font-style: normal;
}
Súbory fontu umiestni do zložky font a odkazuj sa iba na jedno CSS, ktoré dobre vie, kde sa font nachádza...V súčasnosti (pred 5 dňami) si asi zle vypočítal cesty a CSS súbory fontov doteraz nenašiel...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0