Cmlap Hírek, cikkek Museo jellegû ingyenes betûtípus

Museo jellegû ingyenes betûtípus

A google webfontok használata ingyenessége és kényelmessége miatt mára eléggé elterjedt, és sokszor elõfordul, hogy megtetszik egy kereskedelmi forgalomban lévõ betûtípus, de nem tudjuk vagy nem akarjuk megvenni.

A Museo típus is egy divatos fizetõs betûtípus, a csomagban több stílust és vastagságot is megkapunk. Ha egy saját kis oldalban, blogban ehhez a betûhöz hasonlót szeretnénk használni nem muszáj megvenni, lehet valamilyen serif típussal helyettesíteni.

A webfontokat ha csak weboldalba kell, nem kell letölteni, hanem csak illesszük be a megadott linket.

A Google webfontok között a legjobban a Museo típusra a Fauna One hajaz, habár a magyar hosszú ékezetes betûk nincsenek benne, hiába szûrtem a típusokat Latin extendedre.

Reméljük, a készítõ majd frissíti és a mi oldalainkban is ez automatikusan látszódni fog. Én belinkelni szoktam, pont ilyen meggondolásból, hogy a változások hozzányúlás nélkül érvényesüljenek.

Ilyen a Museo:
Ilyen a Museo

És ilyen a Fauna One:

És Ilyen a Fauna One


A webfont beillesztése:

1. Keresd meg a fontot, majd a betûtípus sorának alsó sorában találsz kis kék ikonokat, és ha fölé viszed az egeret, kiírja mi az. Ezek közül kattints a "quick use" ikonra. A kettes pontban pipáld ki a "Latin extended" pipát az ékezetes betûk megjelenítéséhez.
A hármas pontban a fülek alatt maradj a "Standard" változaton. (Ha @importálod, úgyis tudod mit kell csinálni :) )
Jelöld ki a <link....> kódot, másold a vágólapra és az oldalad fejlécébe helyezd a head tagok közé, pl így:

<head>
    <link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
</head>

2. A stíluslapodban (vagy egy külön css fájl, vagy az oldalban van style tagok közt) add meg a betûtípust a font-family értékének macskakörmök közt! A példán oldalba illesztjük, valahogy így:

...
<style type="text/css">
/* címsor1 -nek állítsuk be egyrészt */
h1 {
  font-family: 'Fauna One';
  font-size:42px;
  font-weight: 400;
}
/* másrészt legyen valami amire kedvünk szerint rá lehet húzni */
.my_font {
  font-family: 'Fauna One';
  font-weight: 400;
}
</style>
...


3. Alkalmazd a stílust az oldalad html forrásában ahol akarod. Például így (a fejléc és egy bekezdés lesz Fauna One típusú):
...
<body>
...
<h1>Az én blogom címe most megwebfontosodott.</h1>
<p>Ez egy sima bekezdésként fog látszani</p>
...
<p class="my_font">Ez a bekezdés webfontos lesz :)</p>
...




Fauna One Google webfont betûinek kipróbálásához katt ide!

Ha tetszett vagy hasznosnak talltad, krlek oszd meg!
Author / szerz:
Hozzszlsok
Vlasszon nyelvet!
Keress a tartalomban
Kattintson ide az adatok elkldshez!