1 Star2 Stars3 Stars4 Stars5 Stars
Loading...Loading...

» ტექსტების იერი @font-face-ის დახმარებით

ახალ CSS სტილებში დამატებულია სასურველი ნებისმიერი ფონტების ჩაშენება @font-face საშვალებით.
ძალიან გამოსადეგი და ზოგჯერ ძალზედ საჭიროა.
მისი საშვალებით შეგიძლიათ ვებზე გამოქვეყნებული ტექსტს მიანიჭოთ ნებისმიერი სასურველი ფონტის იერი, მიუხედავად იმისა მომხმარებელს აქვს თუ არა ეს ფონტი დაინსტალებული თავის კომპიუტერში.
თუ როგორ ხდება @font-face-ეს მოხმარება განვიხილოთ ქვემოთ:

ჯერ რათქმაუნდა საჭირო ფონტი უნდა ავტვირთოდ ინტერნეტ სივრცეში ან უკვე ატვირთულის სრული ბმული გავიგოთ. ჩემი ინფორმაციით შეიძლება გამოვიყენოთ შემდეგი ფორმატის ფონტები: .ttf .eot .woff .otf
შემდეგ CSS კოდირებით მოვახდენთ მის გამოძახებას და სასურველ ტექსტზე გადაცემას, ეს კი წარმოებს შემდეგნაირად:

მაშასადამე როგორც ვთქვით ჯერ ვიძახებთ სასურველ ფონტს:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<style type="text/css">
@font-face
{
/*ვარქმევთ სახელს*/
  font-family:"GreatVibes";
 
/*ვურჩევთ სტილს*/
  font-style:normal;
 
/*ვურჩევთ გაბარიტებს*/
  font-weight:400;
 
/*ვუთითებთ ფონტის ადგილმდებარეობას და ფორმატს*/
  src:url("http://lab.gigol.net/fonts/GreatVibes.woff") format("woff");
}
</style>

შემდგომ როცა უკვე ფონტი გამოძახებულია და მიცემულია საერთო გლობალური პარამეტრები შეგვიძლია ეს გამზადებული სტილი მივანიჭოთ ნებისმიერ ტექსტს.
ნუ ეხლა ფონტის მინიჭება როგორ ხდება ეგ ხომ ვიცით:

1
2
3
4
5
6
<style type="text/css">
.სასურველი-class
{
 font-family:GreatVibes;
}
</style>

თუკი რაიმე ვე გაიგეთ ვეცდები აგიხსნათ 😉

ხოდა ისაკიდევ…
აქ ნახავთ ლამაზ ფონტებს: Google WebFonts
ასევე მომავალში დაგეგმილია ფონტების არქივის გაკეთება აქ: Lab.Gigol.net/Fonts

აბა ჰე წარმატებები 🙂

© აქ გამოქვეყნებული ნებისმიერი რესურსის გამოყენება, დასაშვებია მხოლოდ მისივე გვერდის ბმულის წყაროდ მითითებით!

დატოვე კომენტარი↓

*გთხოვთ წეროთ ქართული ასოებით

 

 

XHTML: დამხმარე კოდები: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

0 votes, average: 0.00 out of 50 votes, average: 0.00 out of 50 votes, average: 0.00 out of 50 votes, average: 0.00 out of 50 votes, average: 0.00 out of 5

› §32 ავთანდილისაგან შერმადინის საუბარი

774
შერმადინს ეტყვის, უბრძანებს პირ-მზე, ნათელთა მფენელი:
ესე დღე არის იმედი, ჩემის გულისა მლხენელი,
შენგან თავისა შენისა საჩემოდ გამომჩენელი”.
მქებრად ამბვისა მათისა ხამს მკითხავი და მსმენელი.
775
იტყვის: როსტან არ გამიშვა, არცა სიტყვა მომისმინა;
მან არ იცის, › › ›

DU