გამოყენება საბაჟო შრიფტები ვებ გვერდებზე
ტექსტური შინაარსი ყოველთვის ვებ-გვერდების მნიშვნელოვანი ნაწილია, მაგრამ ვებ-გვერდის დასაწყისში, დიზაინერებმა და დეველოპერებმა ტიპოგრაფიული კონტროლი მკაცრად შეზღუდული იყვნენ თავიანთი ვებ-გვერდებზე. ეს იყო შეზღუდვები შრიფტები, რომ მათ შეძლეს საიმედოდ გამოიყენონ თავიანთ საიტებზე. თქვენ სავარაუდოდ მოვისმინე ტერმინი "ვებ უსაფრთხო შრიფტები" ნახსენები წარსულში. ეს მოხსენიებული მცირე ზომის შრიფტები, რომლებიც ძნელად სავარაუდოა ჩართული პირის კომპიუტერში, რაც იმას ნიშნავს, რომ თუ საიტი გამოიყენა ერთი იმ შრიფტები, ეს იყო უსაფრთხო ფსონი, რომ ეს იქნებოდა სწორად გაწეული პირის ბრაუზერი.
დღეს, ვებ პროფესიონალებს ჰყავს ახალი შრიფტები და ტიპის პარამეტრების მუშაობა, რომელთაგან ერთია WOFF ფორმატში.
რა არის WOFF?
WOFF არის აკრონიმი, რომელიც დგას "Web Open Font Format". გამოიყენება შრიფტის გამოყენებისათვის CSS @ font-face- ის გამოყენებით. ვებ-გვერდებში შრიფტის შრიფტის გზაა ისე, რომ თქვენ შეგიძლიათ გამოიყენოთ სპეციალიზებული შრიფტები ტიპიური "Arial, Times New Roman, Georgia" - ის მიღმა, რომლებიც ზემოთ აღნიშნული ვებ-უსაფრთხო შრიფტებია.
WOFF გადაეგზავნა W3C როგორც სტანდარტი შეფუთვა შრიფტები ვებ გვერდები. სამუშაო ვერსია 2010 წლის 16 ნოემბერს გახდა. დღეს ჩვენ ნამდვილად გვაქვს WOFF 2.0, რომელიც აუმჯობესებს შეკუმშვას ფორმატის პირველი ვერსიიდან დაახლოებით 30% -ით. ზოგიერთ შემთხვევაში, ეს დანაზოგი უფრო მეტად არსებითია!
რატომ გამოიყენეთ WOFF?
ვებ-შრიფტები, მათ შორის, WOFF ფორმატის საშუალებით მოწოდებულნი, გთავაზობთ სხვა უპირატესობებს სხვა შრიფტის არჩევანზე. როგორც სასარგებლოა, რომ ვებ უსაფრთხო შრიფტები იყო, და რა თქმა უნდა, ჯერ კიდევ ადგილია იმ შრიფტების ჩვენს საქმეში, სასიამოვნოა ასევე გაფართოების ჩვენი არჩევანი და გახსნა ჩვენი ტიპოგრაფიული პარამეტრები.
WOFF შრიფტები აქვთ შემდეგ სარგებელს:
- ისინი უფრო ხელმისაწვდომია, ვიდრე შრიფტები, სურათებით. WOFF სტილის უბრალო HTML ტექსტის CSS, გაძლევთ ხელმისაწვდომობას და დიზაინის კონტროლი, რომ სურათები არ იძლევა.
- WOFF ფაილი მოიცავს ტიპოგრაფიულ ინფორმაციას, როგორიცაა შინაარსობრივი ფორმები და ძველი სტილის მოღვაწეები. ეს აძლევს თქვენს ვებ გვერდებს უკეთ ტიპოგრაფიას, რადგან თქვენ იყენებთ სწორ პერსონაჟებს და არა მხოლოდ დაახლოებას.
- WOFF შრიფტები შეგიძლიათ დაეხმარება ინტერნაციონალიზაციას, რადგან შეგიძლიათ შეიტანოთ შრიფტები სხვა ენების სიმბოლოებით.
- მსგავსად ყველა CSS სტილის ტექსტი, შრიფტები ე.წ. WOFF უფრო საძიებო სისტემა მეგობრული. საძიებო სისტემებში არ არის "ვხედავ" ტექსტში ჩანერგილი ტექსტი, ხოლო ALT ტექსტის დახმარებით, ტექსტის შემცვლელი არ არის.
- WOFF შრიფტები შეკუმშულია, ამიტომ ისინი უფრო მცირეა, ვიდრე შრიფტის სხვა ფაილები. ეს ხელს შეუწყობს საიტის ჩამოტვირთვის სიჩქარესა და საერთო ჯამში შესრულებას.
- თქვენ შეგიძლიათ გამოიყენოთ WOFF ფაილები, რათა შეინარჩუნოთ თქვენი ბრენდის იდენტურობა თქვენი კორპორატიული შრიფტების გამოყენებით WOFF ფაილებში.
WOFF ბროუზერი მხარდაჭერა
WOFF აქვს შესანიშნავი ბრაუზერის მხარდაჭერა თანამედროვე ბრაუზერებში, მათ შორის:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- ოპერა 11.1+
- Safari 5.1+
ეს არსებითად მხარს უჭერს მთელს ფორუმში ამ დღეებში, ერთად მარტო გამონაკლისი, როგორც ყველა ვერსიის Opera Mini.
როგორ გამოვიყენოთ WOFF ფონტები
WOFF ფაილის გამოყენებისთვის, თქვენ უნდა ატვირთოთ WOFF ფაილი თქვენს ვებ სერვერზე, მისთვის სახელი @ font-face- ის საკუთრებაშია, შემდეგ კი შრიფტის თქვენს CSS- ში. მაგალითად:
- ატვირთეთ შრიფტი სახელწოდებით myWoffFont.woff იმ / სერვერის შრიფტის დირექტორიაში.
- თქვენი CSS ფაილი დაამატეთ @ font-face სექცია:
@ შრიფტის სახე {
შრიფტი ოჯახი: myWoffFont;
src: url ('/ fonts / myWoffFont.woff') ფორმატში ('woff');
}
- დაამატეთ ახალი შრიფტის სახელი (MyWoffFont) თქვენს CSS შრიფტის დასტისას, როგორც სხვა შრიფტის სახელით:
p {
შრიფტის ოჯახი: ჩემი ვაფფონტი , ჟენევა, Arial, Helvetica, sans-serif;
}
სად უნდა მიიღოთ WOFF ფონტები
არსებობს ორი დიდი ადგილი შეგიძლიათ იპოვოთ უამრავი WOFF შრიფტები, რომლებიც თავისუფალია კომერციული და არაკომერციული გამოყენებისათვის:
- ღია ფონტის ბიბლიოთეკა
- ფონტის ციყვი
თუ თქვენ გაქვთ ლიცენზია გამოიყენოთ შრიფტით, რომელიც არ არის ხელმისაწვდომი WOFF ფორმატში, თქვენ შეგიძლიათ გამოიყენოთ WOFF- ის შემქმნელი როგორც ფონტის ციყვიდან, რომ გადაიტანოთ თქვენი შრიფტის ფაილი WOFF ფაილებში. ასევე არსებობს command line tool called sfnt2woff, რომლითაც შეგიძლიათ გამოიყენოთ მაიკროსოფტისა და Windows- ზე თქვენი TrueType / OpenType შრიფტები WOFF- ში.
ჩამოტვირთეთ ორობითი თქვენი სისტემა და აწარმოებს მას ბრძანების (ან ტერმინალი) და მიყევით მითითებებს.
WOFF მაგალითი
აქ არის რამდენიმე მაგალითი WOFF ფაილი: WOFF გვერდი HTML5- ში 24 საათში.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard on 7/11/17