Diskuse JPW: dynamický styl @font-face

	Autor	Zpráva
	hauli Profil	#1 · Zasláno: 1. 12. 2014, 17:10:09 Odpovědět Citovat Ahoj :) Doufám, že Vás moc nevyděsím, ale ráda bych měla na stránkách speciální písmo... s html skoro neumím, jen nějaké drobné úpravy, všechno dělám ve wysiwyg editoru... našla jsem si, že zobrazení speciálního fontu při otevření stránek na počítači, kde není daný font nainstalován udělám pomocí konstrukce <style> @font-face { font-family: Eras Lt BTCE; font-style: normal; font-weight: normal; src: url('Eras Lt BTCE.eot'); /* IE9 Compat Modes / src: url('Eras Lt BTCE.eot?#iefix') format('embedded-opentype'), / IE6-IE8 / url('Eras Lt BTCE.woff') format('woff'), / Modern Browsers / url('Eras Lt BTCE.ttf') format('truetype'); / Safari, Android, iOS */; } </style> a nahráním příslušných souborů do adresáře stránek. Akorát vůbec nevím, kam to mám dát :D i když je to css, tak to prý má jít napasovat do html, ale jak? nějak externě a potom zavolat, nebo přímo do kódu? :D jinak kód stránky zatím vypadá takhle: <!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> <link rel="shortcut icon" href="favicon.ico" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Hlavní strana</title> <script type="text/JavaScript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } //--> </script> <style type="text/css"> <!-- .style1 {font-family: "Eras Lt BTCE"} a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; color: #000000; } a:active { text-decoration: none; } --> </style> </head> <body onload="MM_preloadImages('uvod2.jpg','onas2.jpg','pravnisluzby2.jpg','odkazy2.jpg','kontakty2.jpg')"> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="900" height="302" valign="top"><img src="top.jpg" width="900" height="253" alt="Hlavní foto" /> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a href="uvod.html" target="_top" onclick="MM_nbGroup('down','group1','uvod','uvod2.jpg',1)" onmouseover="MM_nbGroup('over','uvod','uvod2.jpg','uvod2.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="uvod.jpg" alt="Úvod" name="uvod" width="153" height="49" border="0" id="uvod" onload="" /></a></td> <td><a href="onas.html" target="_top" onclick="MM_nbGroup('down','group1','onas','onas2.jpg',1)" onmouseover="MM_nbGroup('over','onas','onas2.jpg','onas2.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="onas.jpg" alt="O nás" name="onas" width="141" height="49" border="0" id="onas" onload="" /></a></td> <td><a href="pravnisluzby.html" target="_top" onclick="MM_nbGroup('down','group1','pravnisluzby','pravnisluzby2.jpg',1)" onmouseover="MM_nbGroup('over','pravnisluzby','pravnisluzby2.jpg','pravnisluzby2.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="pravnisluzby.jpg" alt="Poskytované právní služby" name="pravnisluzby" width="242" height="49" border="0" id="pravnisluzby" onload="" /></a></td> <td><a href="odkazy.html" target="_top" onclick="MM_nbGroup('down','group1','odkazy','odkazy2.jpg',1)" onmouseover="MM_nbGroup('over','odkazy','odkazy2.jpg','odkazy2.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="odkazy.jpg" alt="Odkazy" name="odkazy" width="162" height="49" border="0" id="odkazy" onload="" /></a></td> <td><a href="kontakty.html" target="_top" onclick="MM_nbGroup('down','group1','kontakty','kontakty2.jpg',1)" onmouseover="MM_nbGroup('over','kontakty','kontakty2.jpg','kontakty2.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="kontakty.jpg" alt="Kontakty" name="kontakty" width="202" height="49" border="0" id="kontakty" onload="" /></a></td> </tr> </table> </td> </tr> <tr> <td height="1198" valign="top"><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <!--DWLayoutTable--> <tr> <td width="243" height="162" valign="top"><img src="logo-format.jpg" alt="logo" width="243" height="162" /></td> <td height="891" rowspan="3" valign="top"><blockquote class="style1"> <p align="left"> </p> <p>Advokátní kancelář poskytuje služby ve v&scaron;ech standardních právních odvětvích. Smluvním partnerům jsou poskytovány služby ve v&scaron;ech oblastech soukromého i veřejného práva. Advokátní kancelář vykonává v&scaron;eobecnou generální praxi, se zaměřením na obchodní a korporátní právo, občanské právo, pracovní právo, trestní právo, insolvenční právo a správní právo, když jednotliví advokáti se specializují na konkrétní oblasti zájmu.</p> </blockquote></td> </tr> <tr> <td height="119" align="center" valign="middle"><p align="center" class="style1">Palackého 359, Hradec Králové<br /> PSČ 500 03<br /> tel./fax: 495 515 821<br /> e-mail: info@veska.cz</p> </td> </tr> <tr> <td rowspan="2" valign="top"><!--DWLayoutEmptyCell--> </td> </tr> <tr> <td height="42" align="right" valign="middle"><blockquote> <p><span class="style1"><a href="index.html">úvodní strana </a></span></p> </blockquote></td> </tr> </table> </td> </tr> </table> </body> </html> Děkuju moc za jakoukoli odpověď.
	Chamurappi Profil	#2 · Zasláno: 1. 12. 2014, 18:07:15 · Upravil/a: Chamurappi o okamžik později Odpovědět Citovat Reaguji na hauli: „Akorát vůbec nevím, kam to mám dát :D“ Uvedený HTML kód by měl fungovat kdekoliv. Dává se obvykle kamsi do úvodu stránky, do `<head>`. Soubory `eot`, `woff` a `ttf` pak dáš do stejného adresáře (= složky), v jakém je tvůj `html` soubor…
		Časová prodleva: 8 dní
	hauli Profil	#3 · Zasláno: 9. 12. 2014, 18:58:27 Odpovědět Citovat Děkuju moc za radu, jsem v tom hledala složitosti :D už mi to funguje :)
		Časová prodleva: 9 let

Vaše odpověď

Mohlo by se hodit