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? 

@font-face {
    font-family: "xy";
    src: url("../fonts/XY.TTF");
}
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ű.
@charset "utf-8";

@font-face { /* Webkit, Gecko */  
    font-family: "ExPontoPro-Bold.woff", "MyriadPro-Light.woff", "MyriadPro-Regular.woff";  
    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")  
} 

.twoCol #mainContent h1 {
	margin: 0px;
	padding: 15px 0px 0px;
	font-family: "ExPontoPro-Bold", Arial, Helvetica, sans-serif;
	color: #B21736;
	font-size: 35px;
	line-height: normal;
	font-weight: bold;
	background: url(images/dandalion_mag_50x60.png) no-repeat 5px top;
	text-indent: 60px;
	height: 60px;
	width: 540px;
}
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
application/x-font-ttf                ttf;
font/opentype                         otf;
application/vnd.ms-fontobject         eot;
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:
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-woff .woff
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lélekző | mediáció</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</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!