[mister]

Hej behöver lite hjälp med css, såhär ser koden ut

.widget-container {
background: url(images/banding.gif) repeat-x;
padding-top: 25px;
margin: 0 0 1.5em 0;
color: #1b6dd1;
font-family: "harabara";
src: url(http://www.xxxxx.se/font/harabara.tff) format("truetype");

Vart ligger felet? Har läst en guide på nätet och det ska ju vara så.

EDIT: Jag kör med wordpress hitta nyligen ett plugin som gör så man kan använda sig utav sIFR tydligen det enda sättet att använda sig utav custom font, återkommer med hur det går....

[oskarh]

Customfonter är lite svårt att få till det i alla webbläsare. Har provat lite, men inte så extremt mycket. Google Font API tycker jag är smidigt, något du kanske kan kolla på. Finns en hel del fonter som är riktigt snygga där.

[mister]

Ursprungligen postat av oskarh

Customfonter är lite svårt att få till det i alla webbläsare. Har provat lite, men inte så extremt mycket. Google Font API tycker jag är smidigt, något du kanske kan kolla på. Finns en hel del fonter som är riktigt snygga där.

Problemet är väl att jag redan har kört en font på allt annat, ingen idé å ändra hoppas jag får igång det bara ^^,

Plugin: http://wordpress.org/extend/plugins/.../installation/

Det är siFR de bästa skulle jag tro...

Nu ska jag bara konfigurera det rätt.

Wish me luck!!

[allstars]

@font-face {
    font-family: 'MySpecialFont';
    src: url('/wp-content/fonts/din-webfont.eot');
    src: url('/wp-content/fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/din-webfont.woff') format('woff'),
         url('/wp-content/fonts/din-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/din-webfont.svg#MySpecialFont') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Jag lägger in olika typer för ökad kompabilitet. Fick koden av någon generator på nätet */

h1 {font-family:'MySpecialFont', Arial, sans-serif;}

http://www.fontsquirrel.com/fontface/generator

[mister]

Ursprungligen postat av allstars

@font-face {
    font-family: 'MySpecialFont';
    src: url('/wp-content/fonts/din-webfont.eot');
    src: url('/wp-content/fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/fonts/din-webfont.woff') format('woff'),
         url('/wp-content/fonts/din-webfont.ttf') format('truetype'),
         url('/wp-content/fonts/din-webfont.svg#FuturaStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Jag lägger in olika typer för ökad kompabilitet. Fick koden av någon generator på nätet */

h1 {font-family:'MySpecialFont', Arial, sans-serif;}

Denna verkar enklare, ska testa den haha för detta pluginet går mig på nerverna vägrar funka som jag vill, ändrat en massa i config filerna men nej den vill inte....

[Syke]

@font-face är definitivt att föredra om du inte har skriande behov av att det ska fungera i äldre webbläsare.

[mister]

.widget-container {
background: url(images/banding.gif) repeat-x;
padding-top: 25px;
margin: 0 0 1.5em 0;
color: #1b6dd1;
@font-face {
font-family: 'Harabara';
src: url('/wp-content/fonts/Harabara.eot');
src: url('/wp-content/fonts/Harabara.eot?#iefix') format('embedded-opentype'),
url('/wp-content/fonts/Harabara.woff') format('woff'),
url('/wp-content/fonts/Harabara.ttf') format('truetype'),
url('/wp-content/fonts/Harabara.svg#Harabara') format('svg');
font-weight: normal;
font-style: normal;
} /* Jag lägger in olika typer för ökad kompabilitet. Fick koden av någon generator på nätet */

h1 {font-family:'Harabara', Arial, sans-serif;}

}

Jag har konverterat alla filer via http://www.font2web.com/
Skrivit in css.en som bifogat här men funkar inte.

[Nilsson]

@font-face är bäst

Jag har upplevt att det är noga med när man skapar .eot att man kopplar fonten mot just den webbsidan i alla förekommande stavningar man kommer att ha. Ett tips kanske?

Jag kör Microsofts eget WEFT. Funkar bra dock får man lägga till å,ä och ö och andra specialtecken i teckentabellen.

[allstars]

Ursprungligen postat av mister

Jag har konverterat alla filer via http://www.font2web.com/
Skrivit in css.en som bifogat här men funkar inte.

Det är är riktigt fel.
Man ska deklarera font-face separat - helst först i css-filen
sedan använda det font-family-name man deklarerade i font-face.

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

.widget-container {
background: url(images/banding.gif) repeat-x;
padding-top: 25px;
margin: 0 0 1.5em 0;
color: #1b6dd1;
font-family:'Harabara', Arial, sans-serif;
}

titta annars på den css du fick från font2web

[mister]

Ursprungligen postat av allstars

Det är är riktigt fel.
Man ska deklarera font-face separat - helst först i css-filen
sedan använda det font-family-name man deklarerade i font-face.

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

.widget-container {
background: url(images/banding.gif) repeat-x;
padding-top: 25px;
margin: 0 0 1.5em 0;
color: #1b6dd1;
font-family:'Harabara', Arial, sans-serif;
}

titta annars på den css du fick från font2web

HAHAHA, fyfan my bad där att jag missa dessa filer haha tack ska försöka med den information som finns där istället.