Ha a feladat az, hogy az egyéni betűtípus egy projektben, lehet menni több módon:
- Z-módszer - nem használ az egyéni betűtípusok CSS elég azt mondani, body {font-family: sans-serif;} és nem bolond le magad.
- Cufón - a legtöbb azt. Egy viszonylag új technika, amely azt mutatja, kiváló eredményeket. Ő a hős ezt a cikket.
Emlékszem, amikor dolgoztam a cégnél, aranyér font volt irreális sok, de a forgatókönyvet, és mentett.
Példa számú - használni, mint egy kerek, képformátum gif.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
</style>
</head>
<body>
<b>Было</b>
<div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
<div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">
<div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
</div>
</body>
</html>
|
Például ez a kódrészlet
1
|
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла
|
kijelzőn csak egy vonal.
pre
Layout (html / css)
