ugrás a tartalomhoz

Külső betűtípus CSS

NZol · 2011. Feb. 28. (H), 15.59
Sziasztok!

Miért van az, hogy külső betűtípust használok CSS -ben és nem lehet megfelelően formázni a szöveget?
  1. @font-face {  
  2.     font-family: "xy";  
  3.     src: url("../fonts/XY.TTF");  
  4. }  
A szöveg méretén kívül nem tudok mást átállítani, sem a színét sem a vastagságát.
Ugyanez a betűtípus fel van telepítve a számítógépre, ha css-ből az előző kódot kiveszem, akkor megfelelően jelenik meg(az én számítógépemen) és lehet formázni is.

Előre is köszönöm a segítséget!
‹ Widget: javascript fájlkezelés JavaScript termék duplikálás megakadályozása ›
 ■
1

A szöveg méretén kívül nem

kuka · 2011. Feb. 28. (H), 16.34
A szöveg méretén kívül nem tudok mást átállítani, sem a színét sem a vastagságát.
Akkor mutasd a nemműködő részt. Legjobb volna egy URL.

És említsd meg a böngészők nevét is, amelyekben nem működik.

Ha a teljes @font-face kód az amit bemásoltál, javaslom nézz át valami trükk leírást/gyűjteményt is, például Paul Irish Bulletproof @font-face syntax cikkét.
2

A színt közben sikerült

NZol · 2011. Már. 1. (K), 09.22
A színt közben sikerült módosítanom, valószínűleg elszúrtam valamit...

De a betűvastagság továbbra sem az igazi. Firefox -al néztem.
http://nzol.hu/teszt/

Az első sor a külső betűtípus, a második sor a telepített betűtípus(ahol telepítve van).
3

Ez kimaradt:És említsd meg a

kuka · 2011. Már. 1. (K), 09.54
Ez kimaradt:
És említsd meg a böngészők nevét is, amelyekben nem működik.
Akkor letesztelem én helyetted: Gecko jó, WebKit és Presto nem jó.

Ez is kimaradt:
Ha a teljes @font-face kód az amit bemásoltál, javaslom nézz át valami trükk leírást/gyűjteményt is, például Paul Irish Bulletproof @font-face syntax cikkét.
Akkor megcsinálom én helyetted: @font-face Generator-al generáltattam egy font készletet és azt használtam.

Azzal már Gecko és WebKit jó, Presto nem jó. Mivel Prestoban nekem korábban sem működtek, szerintem ez így a lehető legjobb.
4

Köszi a segítséget. Írtam,

NZol · 2011. Már. 1. (K), 10.26
Köszi a segítséget.

Írtam, hogy Firefox -ban néztem, de nekem még sajnos mindig nem jó...
(Betűvastagság nem egyforma)

Neked Firefoxban működött az előző változat?

IE -ben most már jól jelenik meg.
5

Írtam, hogy Firefox -ban

kuka · 2011. Már. 1. (K), 12.23
Írtam, hogy Firefox -ban néztem
Bocs, még kávé előtt olvastam.
Neked Firefoxban működött az előző változat?
Igen. Lásd a képernyőképet a te dokumentumodról.
6

Ez vicces, nálam valamiért

NZol · 2011. Már. 1. (K), 12.49
Ez vicces, nálam valamiért nem jól jelenik meg, alapértelmezetten vastagon szedett és nem tudom visszaállítani...
7

@font-face problémában kérem a segítségeteket

stellium · 2011. Már. 10. (Cs), 13.29
Külső fontot szeretnék használni az oldalon. Három friss verziójú böngészőben teszteltem a gépemen (IE, Firefox, Chrome). Szépen megjelenítette a tárhelyre feltett oldal a script jellegű H1 szintű címsort. Ám amikor a feleségem laptopján néztem (W7 OS, IE és Chrome), akkor az alternatívaként megadott Ariel-t használta mindkét böngésző.

Itt megnézhető:az oldal
Így kellene kinéznie, illetve ahogy az én PC-mre letöltődik: kép a képernyőről

Részlet a css kódból, én nem látom a hibát. Megköszönöm, ha ránéztek.
Vakfoltom az ügyben, hogy az én gépemen ugyanazon böngészőt használva a tárhelyről letöltődő oldal jól mutatja magát, míg egy másik gépen (a feleségem laptopja) szörnyű.
  1. @charset "utf-8";  
  2.   
  3. @font-face { /* Webkit, Gecko */    
  4.     font-family: "ExPontoPro-Bold.woff", "MyriadPro-Light.woff", "MyriadPro-Regular.woff";    
  5.     src: url("http://www.lélekző.hu/fonts/ExPontoPro-Bold.woff", "http://www.lélekző.hu/fonts/MyriadPro-Light.woff", "http://www.lélekző.hu/fonts/MyriadPro-Regular.woff")    
  6. }   
  7.   
  8. .twoCol #mainContent h1 {  
  9.     margin: 0px;  
  10.     padding: 15px 0px 0px;  
  11.     font-family: "ExPontoPro-Bold", Arial, Helvetica, sans-serif;  
  12.     color: #B21736;  
  13.     font-size: 35px;  
  14.     line-height: normal;  
  15.     font-weight: bold;  
  16.     background: url(images/dandalion_mag_50x60.png) no-repeat 5px top;  
  17.     text-indent: 60px;  
  18.     height: 60px;  
  19.     width: 540px;  
  20. }  
Köszönettel!
8

@font-face

Poetro · 2011. Már. 10. (Cs), 14.51
A @font-face témában ajánlom elolvasni a The @Font-Face Rule And Useful Web Font Tricks, The New Bulletproof @Font-Face Syntax és Bulletproof @font-face syntax cikkeket. Egyébként a font nálam se jelenik meg, semmilyen böngészőben. Mondjuk talán nem is véletlen, ha a woff fájlokat text/plain-ként szolgálod ki.
9

Köszönöm a gyors választ....

stellium · 2011. Már. 10. (Cs), 16.54
Az általad megadott linkek alapján ami feltűnő, hogy a szintaxisban fontok megadásánál az idézőjelek különböznek a két forrásnál (' v. "). Ez számít? Ha igen melyik a jó? S megköszönném ha ezt a text/plain dolgot bővebben kifejtenéd. Min változtassak mire? A text/plain-t vagy a woff fájlokat?
10

Content-type

Poetro · 2011. Már. 10. (Cs), 17.28
A font fájlokat megfelelő Content-type-pal érdemes kiszolgálni, és akkor nem lehet probléma. A következő pár sort lehet érdemes bemásolni a mime.types fájlba
  1. application/x-font-ttf                ttf;  
  2. font/opentype                         otf;  
  3. application/vnd.ms-fontobject         eot;  
  4. font/x-woff                           woff;  
Apache httpd esetén a következőket lehet még megtenni: vagy a httpd.conf illetve amennyiben az nem lehetséges, akkor a .htaccess fájlba a következő pár sort kell felvenni:
  1. AddType application/vnd.ms-fontobject .eot  
  2. AddType application/x-font-ttf .ttf  
  3. AddType application/x-woff .woff  
  4. AddType font/opentype .otf  
Az, hogy milyen jelet használsz a szövegekhez CSS-ben (" vagy '), teljesen lényegtelen.
11

Egyszerű html kódban megmutatnád...

stellium · 2011. Már. 10. (Cs), 18.11
hogy hogyan és hová?
Sajnos nem evidencia, korlátozottak az ismereteim
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.   
  4. <head>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  6. <title>lélekző | mediáció</title>  
  7. <link href="style.css" rel="stylesheet" type="text/css" />  
  8. </head>  
Köszönettel...
12

nem HTML

Poetro · 2011. Már. 10. (Cs), 19.22
Ehhez semmi köze a HTML-nek. A webszervert kell beállítani, hogy megfelelő fejlécekkel küldje ki az adatokat.
13

Köszönöm a segítséget és a türelmedet...

stellium · 2011. Már. 10. (Cs), 21.10
Elvileg beállítottam a webszerveren ahogy írtad. Egyenlőre nincs eredménye, de legalább egyértelmű már, hogy a tárhelyszolgáltató az illetékes :)
Köszönöm a segítségedet és a megértő türelmedet!
Ha egyszer ennek a végére jutok, akkor okosabb leszek!