Kā pareizi integrēt custom fontus ?

Mikijs · March 30, 2009

Sveiki, man ir fails "styles1.css" ,kurš izskatas aptuveni šādi


@font-face {
font-family: editor1;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0023Eur_.ttf);
}
@font-face {
font-family: editor2;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0121Eur_.ttf);
}
@font-face {
font-family: editor3;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0208Eur_.ttf);
}
@font-face {
font-family: editor4;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0628Eur_.ttf);
}
@font-face {
font-family: editor5;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0729Eur_.ttf);
}
@font-face {
font-family: editor6;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/0895Eur_.ttf);
}
@font-face {
font-family: editor7;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/bloodcyr.ttf);
}
@font-face {
font-family: editor8;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/comic.ttf);
}
@font-face {
font-family: editor9;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/MTCORSVA.TTF);
}
@font-face {
font-family: editor10;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rilitb.ttf);
}
@font-face {
font-family: editor11;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimbelb.ttf);
}
@font-face {
font-family: editor12;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimbrsc.ttf);
}
@font-face {
font-family: editor13;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimcaxr0.ttf);
}
@font-face {
font-family: editor14;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimffr.ttf);
}
@font-face {
font-family: editor15;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimhg.ttf);
}
@font-face {
font-family: editor16;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimsall.ttf);
}
@font-face {
font-family: editor18;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimster.ttf);
}
@font-face {
font-family: editor19;
font-style: normal;
font-weight: normal;
src: url(../coding/fonts/lv/rimviv.ttf);
}

css fails: /root/www/css/styles1.css

fontu fails: /root/www/coding/fonts/lv

html fails: /root/www/index.html

HTML faila saturs:

<html>
<Head>
   	<link rel="stylesheet" href="./css/styles1.css" type="text/css" />
</head>
<body>
<script type="text/javascript">
function makeFont(font) {
	document.getElementById("maketsText").style.fontFamily=font;
}
</script>
<h3>Teksts</h3>
Fonts: <select name='fonts' onchange='makeFont(this.options[this.selectedIndex].value);'>
				<option value='verdana'>Verdana</option>
				<option value='arial'>Arial</option>

				<option value='serif'>serif</option>
				<option value='sans-serif'>Sans-Serif</option>
				<option value='monospace'>Monospace</option>
				<option value='fantasy'>Fantasy</option>
				<option value='editor1'>Custom1</option>
				<option value='editor2'>Custom2</option>

				<option value='editor3'>Custom3</option>
				<option value='editor4'>Custom4</option>
				<option value='editor5'>Custom5</option>
				<option value='editor6'>Custom6</option>
				<option value='editor7'>Custom7</option>
				<option value='editor8'>Custom8</option>

				<option value='editor9'>Custom9</option>
				<option value='editor10'>Custom10</option>
				<option value='editor11'>Custom11</option>
				<option value='editor12'>Custom12</option>
				<option value='editor13'>Custom13</option>
				<option value='editor14'>Custom14</option>

				<option value='editor15'>Custom15</option>
				<option value='editor16'>Custom16</option>
				<option value='editor17'>Custom17</option>
				<option value='editor18'>Custom18</option>
				<option value='editor19'>Custom19</option>
			</select>
<div id="maketsText">Paraug teksts </div>
</body>
</html>

Lūdzu palīdziet saprast kā lai integrēju manis paša izvēlētos custom fontus iekš savas lapas.

Jo pagaidām viss strādā, izņemot "Custom1-19") fonti.

fonti atrodās failā /coding/fonti/lv un visam vajadzētu but kārtibā, bet viņus nerāda.

Edited March 30, 2009 by Mikijs

Grey_Wolf · March 30, 2009

Lūdzu palīdziet saprast kā lai integrēju manis paša izvēlētos custom fontus iekš savas lapas.

Nevar noraadit Brivi izveletus fontus, var vienigi noraadit Fontu grupu (famili) tas ir vai dotajam fontam buus malinjas (kjepinjas), vai Bez tam, kaa arii Iespejamos fontus kurus vajadzeetu zimantot.

Bet kautkaadus Mistiskus SAVUS fontus izmntot nevar, ja Lietotajam nebuus tada fonata tad nebuus ...

Toties 100% (protams ja vien vinsh nav atsatjis vienu vieniigu Kreizii fontu) buus kads no dotas grupas ( ir 3 lielas fontu grupas) ...

-------------

Par fontiem siikak pajautaa goglei, sac meklet peec Tipografija un iespiedarbiem , talak jau konkreti par fontiem un to grupam ..

Mikijs · March 30, 2009

ok, paldies Grey_Wolf

NiTrino · March 30, 2009

ko nozīmē "fontu grupu"? kas man liedz ierakstīt

font-family: Arial;

pieminētā fontu grupa ir tādēļ, ka ja pirmais fonts nav atrasts, ņemās nākamais utt.

bet par custom fontiem taisnība, esošais css standarts to neļauj.

Web Developer · April 2, 2009

HTML un CSS nav nekāds Photoshop, kur tu vari izvēlēties no simtiem un varbūt pat tūkstošiem fontu! Web lapa pretēji kļūdainam uzskatam, kas vismaz vēl salīdzinoši nesen bija jūtams LV, nav nekāda glezna vai plakāts - primārais web lapā ir funkcionalitāte, lietošanas ērtums un ergonomika, dizains ir sekundārs. Ar izņēmumiem - mārketinga lapas utt. Bet šiem izņēmumiem ir paredzēts, piemēram, Flash. Izmanto Flash un "dizaino" līdz aknām! :D

Es neatbalstītu custom fontu iespēju ieviešanu css tuvākajā nākotnē, jo ir daudz svarīgākas lietas, ko vajadzētu sakārtot pirms tam.

Aleksejs · April 2, 2009

Ar tīru HTML+CSS nevar. Ja ir pieņemams izmantot JS un/vai Flash, tad tuvākais ir šīs lietas:

http://cameronmoll.com/archives/2009/03/cu...font_embedding/

http://jquery.thewikies.com/sifr/

http://facelift.mawhorter.net/

http://webdesign.maratz.com/lab/multi_color_sifr/

Bet pirms to dari paskaties arī šo:

http://www.3point7designs.com/blog/2008/06...ow-they-did-it/

Grey_Wolf · April 2, 2009

ko nozīmē "fontu grupu"? kas man liedz ierakstīt
font-family: Arial;

Arial arii ir N-tie fonti..faktiski taa ir fontu grupa, tapat kaa piemeram 'times', Un teiksim times VAR but gan 'serif' gan 'sans-serif'

Tas noziime ka vienam userim buus taa otram pavisam savadak, kautgan abiem tiks izmantots 'time' fonti ...

Bet lai panjemtu, fontus kas ir daudzmaz vienada stilaa ( ar austinjam. bez , utt) jaizmanto

serif", "sans-serif" utt. tieshi tas norada fontu pamatgrupu

Edited April 2, 2009 by Grey_Wolf

NiTrino · April 3, 2009

Ā, tagad iebraucu kas pa fontu grupām. ok, no offence.

Sign In

Kā pareizi integrēt custom fontus ?

Recommended Posts

Mikijs

Link to comment

Share on other sites

Grey_Wolf

Link to comment

Share on other sites

Mikijs

Link to comment

Share on other sites

NiTrino

Link to comment

Share on other sites

Web Developer

Link to comment

Share on other sites

Aleksejs

Link to comment

Share on other sites

Grey_Wolf

Link to comment

Share on other sites

NiTrino

Link to comment

Share on other sites

Join the conversation

Browse

Activity