Cyxob'a žurnals » css3 http://cyxob.lv Fri, 03 Jun 2011 07:17:40 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS3 arī cyxob.lv http://cyxob.lv/2010/01/20/css3-ari-cyxob-lv/ http://cyxob.lv/2010/01/20/css3-ari-cyxob-lv/#comments Wed, 20 Jan 2010 13:26:56 +0000 cyxob http://cyxob.lv/?p=1056 Jau lobu strāči ir zynams par CSS trešū verseji. Vīnu strāči ilgi turieju foksā vaļī lopu, kur apraksteitas teksta aizvītōšonas metodes ar JavaScript’im, sIFR’im u.c. Bet tys nabeja tys. Deļ kō maņ uzrokstu vītā biļdis ci Flash’i? Gribu tekstu! Ņiuļa … Continue reading →

]]> Jau lobu strāči ir zynams par CSS trešū verseji. Vīnu strāči ilgi turieju foksā vaļī lopu, kur apraksteitas teksta aizvītōšonas metodes ar JavaScript'im, sIFR'im u.c. Bet tys nabeja tys. Deļ kō maņ uzrokstu vītā biļdis ci Flash'i? Gribu tekstu! Ņiuļa izdūmōju paraudzēt @font-face CSS vierteibu. Un zynat? Vyss breineigi strōdoj! Navajag skriptus un flashdziniejus!
Sataiseit vysu ir dyžan sprosta:

  • Jōīlīk lopas failūs fonts (taids, kuru dreikst izmontōt īkļaušanai lopōs). Es sataisieju mapi /fonti
  • CSS failā jōivītoj @font-face vierteiba: 
    @font-face {
font-family: GraublauWeb;
src: url("fonti/GraublauWeb.otf") format("opentype");
}
  • Tod vajadzeigajam lopas elementam pasokam, ka tev byus byut jaunajā fontā. Itam fontam jōbyun pyrmajam! 
    h1 {
font-family: GraublauWeb, Helvetica, Verdana, Sans-Serif;
}

    Ka porlyuks byus navareigs, jis izlaiss smukū fontu un rōdēs nōkušū nu saroksta.

Nu, vot, nikō gryuta :) Ņiuļa vysi nalaimeigī Internet Explorer (6.x - 8.x) redz itaidu munas lopas viersu:

A vysi cyti (FF, Opera, Safari) laimeigī lītōtōji redz vysu ar jaunū fontu:

Vysim labi. Nivīns nav apbīžavōts ;) Vāļ kod na viņ pazajimšōs ar xxx-border-radius parametrim.
Palaseit par fontim var te un te.

]]> http://cyxob.lv/2010/01/20/css3-ari-cyxob-lv/feed/ 1