Შეცვლის ფონტის ატრიბუტები

ვისწავლოთ გამოიყენოთ CSS შეცვლა ფონტის ატრიბუტები

შრიფტები და CSS

CSS არის ყველაზე ეფექტური გზა შეცვალოს შრიფტები თქვენს ვებ გვერდზე. თქვენ შეგიძლიათ აკონტროლოთ შრიფტის ოჯახი , ზომა, ფერი, წონა და ტიპოგრაფიის მრავალი სხვა ასპექტი.

ფონტის თვისებები CSS- ში ერთ-ერთი ყველაზე გავრცელებული გზაა თქვენი გვერდი უფრო გამორჩეული და უნიკალური. ადვილია შეცვალოთ ფერი, ზომა და თუნდაც სახე (შრიფტი) თქვენი ტექსტი CSS შრიფტის თვისებებით .

• ფერი
• შრიფტი ოჯახი
• შრიფტის ზომა

შრიფტის სამი ნაწილი არსებობს:

• ფერი
  • ეს არის ფერი, რომლის შრიფტი ეკრანზე გამოჩნდება.
• ზომა
  • ეს არის თუ რამდენად დიდია ან პატარა ეკრანზე ტიპურია.
• სახე
  • ეს არის შრიფტის ოჯახი, რასაც ხშირად უწოდებენ ფაქტობრივ შრიფტს.

ფონტის ფერები

ტექსტის ფერის შესაცვლელად, გამოიყენეთ CSS ფერის სტილი. თქვენ შეგიძლიათ გამოიყენოთ ფერადი სახელები ან თექვსმეტობითი კოდები. როგორც ყველა ფერის ინტერნეტში, უმჯობესია გამოიყენოთ ბრაუზერის უსაფრთხო ფერები .

სცადეთ შემდეგი ვებ-გვერდებზე:

ეს შრიფტი ფერადი წითელია
ეს შრიფტი ლურჯი ფერია

ფონტის ზომები

როდესაც შრიფტის ზომაზე დააყენებთ ინტერნეტს, შეგიძლიათ დააყენოთ ის შედარებით ზომებში ან იყოს ძალიან კონკრეტული პიქსელი, სანტიმეტრი ან ინჩიანი. თუმცა, უფრო ზუსტი შრიფტის ზომები განკუთვნილია ბეჭდვისთვის და არა ვებ გვერდებისთვის, სადაც ყველას, ვინც თქვენს ვებ-გვერდს მიიჩნევს, შეიძლება ჰქონდეს განსხვავებული რეზოლუცია, მონიტორის ზომა ან ნაგულისხმევი შრიფტის პარამეტრი. ამდენად, თუ 15px- ს, როგორც სტანდარტული ზომა, თქვენ შეიძლება არ იყოს სასიამოვნოდ გაკვირვებული, თუ რამდენად დიდია თქვენი პატარა შრიფტი თქვენი კლიენტისთვის.

გირჩევთ გამოიყენოთ შრიფტის ზომა . Ems საშუალებას მისცემს თქვენს გვერდზე დარჩეს ხელმისაწვდომი არ აქვს მნიშვნელობა ვინ უყურებს მას, და ems განკუთვნილია ეკრანზე გაწევის. დატოვეთ პიქსელი და ქულა ბეჭდვითი გაწევისთვის. თქვენი შრიფტის ზოლის შესაცვლელად, შეიყვანეთ შემდეგი სტილი თქვენს ვებ გვერდზე:

ეს შრიფტი არის 1
ეს შრიფტია
ეს შრიფტი 1.25

ფონტის სახეები

თქვენი შრიფტის სახეა ის, რასაც ბევრი ფიქრობს, როდესაც ფიქრობს "შრიფტი". თქვენ შეგიძლიათ გამოაცხადოთ ნებისმიერი შრიფტის სახე, რომელიც გსურთ, მაგრამ გახსოვდეთ, თუ თქვენი მკითხველს არ ჰყავს ეს შრიფტი დაყენებული მათი ბრაუზერი შეეცდება იპოვოთ მატჩი ამისთვის, და მათი გვერდი არ გამოიყურება, როგორც თქვენ აპირებდით.

ამ პრობლემის გადასაჭრელად შეგიძლიათ მიუთითოთ სახელის სახელების სია, რომლებიც იყენებენ მძიმით, ბრაუზერისთვის, რათა გამოიყენოთ უპირატესობა. ეს ეწოდება შრიფტს. გაითვალისწინეთ, რომ სტანდარტული შრიფტის კომპიუტერი (როგორიცაა Arial) შეიძლება არ იყოს სტანდარტი Macintosh. ასე რომ თქვენ ყოველთვის უნდა ნახოთ თქვენი გვერდები მინიმალურად დამონტაჟებული მანქანა (და სასურველია ორივე პლატფორმაზე), რათა დარწმუნდეთ, რომ თქვენი გვერდი გამოიყურება, როგორც მინიმალური შრიფტით.

ერთი ჩემი საყვარელი შრიფტი არის ეს ნაკრები sans-serif შრიფტის კოლექცია, ხოლო geneva და arial არ გამოიყურება საშინლად მსგავსი, ისინი ორივე საკმაოდ სტანდარტი Macintosh და Windows კომპიუტერები. მე მოიცავს ჰელვეცისა და დამხმარე მომხმარებელს სხვა ოპერაციულ სისტემებზე, როგორიცაა Unix ან Linux, რომ არ შეიძლება ჰქონდეს ძლიერი შრიფტი ბიბლიოთეკა.

ეს შრიფტი არის sans-serif
ეს შრიფტი არის serif