CSS font-family

Sveiki, gal kas galėsit padėti, nežinau. Jau kokią valandą kovoju su font-family, neveikia nors tu ką, meta kažkokį defaultinį fontą, lygtais tahoma. kodas:

/* CSS */

@font-face {
   font-family: 'klavikamedium';
   src: url('style/fonts/klavika_medium/klavika-medium-webfont-webfont.eot');
   src: url('style/fonts/klavika_medium/klavika-medium-webfont-webfont.eot?#iefix') format('embedded-opentype'),
        url('style/fonts/klavika_medium/klavika-medium-webfont-webfont.woff') format('woff'),
        url('style/fonts/klavika_medium/klavika-medium-webfont-webfont.ttf') format('truetype'),
        url('style/fonts/klavika_medium/klavika-medium-webfont-webfont.svg#klavikamedium') format('svg');
   font-weight: normal;
   font-style: normal;
}

header div#languages a{
   float: right;
   text-align: center;
   line-height: 20px;
   color: #dd2636;
   font-size: 12px;
   font-family: 'klavikamedium';
}
/* HTML */

<header>
   <div>
       <div id="languages">
               <a href="#">RU</a>
               <a class="anchor" style="margin-right: 10px;" href="#">LT</a>
       </div>
   </div>
</header>

reikalas tas, kad kelias iki fonto nurodytas teisingai tikrai, o prieš tai nėra paminėta jokių kitų "fallback" fontų, gal žinot kas čia ne taip?

Bandyk tuos kur sukeliai i style/fonts/klavika_medium aplankala pervadint i klavikamedium

Bandyk tuos kur sukeliai i style/fonts/klavika_medium aplankala pervadint i klavikamedium

nepadeda

Ar su visomis naršyklėmis neveikia?

Gal prasti font'o dokumentai?

Iš priešistorės atkasiau savo veikiantį būdą:

@font-face {
font-family: 'GalsBold';
src: url('../media/Gals/GalsBold.eot');
src: url('../media/Gals/GalsBold.eot?#iefix') format('embedded-opentype'),
		url('../media/Gals/GalsBold_2.woff') format('woff'),
		url('../media/Gals/Gals.otf') format('truetype'),
		url('../media/Gals/Gals.svg#GalsNormal') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background-color: black;
color: white;
font-family: "GalsBold", System;
font-size: 13px;
}

Bet skirtumo kaip ir nėra, tad viskas turi veikti.

Man skamba kaip konkrečios naršykės problema.

Ar su visomis naršyklėmis neveikia?

Gal prasti font'o dokumentai?

 

Iš priešistorės atkasiau savo veikiantį būdą:

 

@font-face {
font-family: 'GalsBold';
src: url('../media/Gals/GalsBold.eot');
src: url('../media/Gals/GalsBold.eot?#iefix') format('embedded-opentype'),
    	url('../media/Gals/GalsBold_2.woff') format('woff'),
    	url('../media/Gals/Gals.otf') format('truetype'),
    	url('../media/Gals/Gals.svg#GalsNormal') format('svg');
font-weight: normal;
font-style: normal;
body {
background-color: black;
color: white;
font-family: "GalsBold", System;
font-size: 13px;
}

Bet skirtumo kaip ir nėra, tad viskas turi veikti.
Man skamba kaip konkrečios naršykės problema.
}

neveikia nei su viena naršykle

Gal pabandyk išskaidyt.

Pvz.

@font-face{

font-family:'Graublau Web';

src: url('GraublauWeb.eot'); /* here you go, IE */

}

@font-face{

font-family:'Graublau Web';

src: url('GraublauWeb.otf'); /* everyone else take this */

}

Gal pabandyk išskaidyt :unsure:

Pvz.

 

@font-face{

font-family:'Graublau Web';

src: url('GraublauWeb.eot'); /* here you go, IE */

}

@font-face{

font-family:'Graublau Web';

src: url('GraublauWeb.otf'); /* everyone else take this */

}

irgi nepadeda

paleidau servery, tai galima matyti live: http://bluevision.lt/lab/me/

Tiksliai nepamenu, bet kartais su a nesigaudavo man. Pabandyk Span pridėjęs uždėt tą custom font. a nenaudok.

Pvz.

<a href="#"><span>RU</span></a> (su class ar div, jei reikia).

header div#languages span.

Tiksliai nepamenu, bet kartais su a nesigaudavo man. Pabandyk Span pridėjęs uždėt tą custom font. a nenaudok.

 

Pvz.

 

<a href="#"><span>RU</span></a> (su class ar div, jei reikia).

 

header div#languages span.

ne žinok, ir taip neveikia

-

Kelią normaliai nurodyk, nes dabar taip padaryta:

http://bluevision.lt/lab/me/style/rusvile_new/style/fonts/klavika_bold/klavika-bold-webfont_0-webfont.eot

Taip bandyk:

url('../fonts/klavika_bold/klavika-bold-webfont_0-webfont.eot');

ne, matai aš lokaliai dirbu, dabar pakeičiau matai, bet vistiek tas pats

pamesk pati srifta cia, arba naudok kaip siulo absoliutu kelia.

-

pamesk pati srifta cia, arba naudok kaip siulo absoliutu kelia.

jo, kaip ir aišku viskas

Blogai pakeitei.

url('../style/fonts/klavika_medium/klavika-medium-webfont-webfont.eot');

į

url('../fonts/klavika_medium/klavika-medium-webfont-webfont.eot');

pati durniausia klaida ever... buvo folderis "fonts", kuris stovėjo "style" foldery, bet jį ištryniau ir perkėliau lygiu žemiau.. žodžiu miego trūkumas

Tokiais atvejais labai padeda naršyklės dev toolsai (Chrome, Firefox, Firebug) – aiškiai rodo, kur 404, kur blogai užrašytas taisyklės vardas, ir t.t.