ფონტის საოჯახო ქონების სინტაქსი
ტიპოგრაფიული დიზაინი წარმატებული ვებ-დიზაინის კრიტიკულად მნიშვნელოვანი ნაწილია. შექმნას საიტები ტექსტი, რომ არის მარტივი წასაკითხი და რომელიც გამოიყურება დიდი არის მიზნების ყველა ვებ დიზაინი პროფესიული. ამ მიზნის მისაღწევად, თქვენ უნდა შეძლოთ კონკრეტული შრიფტების დაყენება, რომლებიც გსურთ გამოიყენოთ თქვენი ვებ-გვერდებზე. თქვენს ვებ-დოკუმენტებში ტიპიფატის ან შრიფტის ოჯახში მიუთითეთ თქვენი CSS- ში შრიფტის ფონის სტილის გამოყენება.
უბრალო შრიფტიანი ოჯახური სტილის გამოყენება, რომელიც შეგიძლიათ გამოიყენოთ მხოლოდ ერთი შრიფტით:
p {font-family: Arial; }თუ ამ სტილის გვერდს მიმართავთ, ყველა პუნქტი იქნება ნაჩვენები "Arial" შრიფტის ოჯახში. ეს არის დიდი და "Arial" არის ის, რაც ცნობილია როგორც "ვებ-უსაფრთხო შრიფტი", რაც იმას ნიშნავს, რომ ყველაზე მეტად (თუ არა ყველა) კომპიუტერი იქნებოდა დაყენებული, შეგიძლიათ დაისვენოთ საკმაოდ ადვილად იცოდეთ, რომ თქვენი გვერდი გამოჩნდება განკუთვნილი შრიფტით .
რა მოხდება, თუ შრიფტის არჩევა ვერ მოიძებნა? მაგალითად, თუ არ გამოიყენოთ "ვებ უსაფრთხო შრიფტი" გვერდზე, რას აგენტი აგენტია, თუ არ აქვთ ეს შრიფტი? ისინი გააკეთებენ ჩანაცვლებას.
ეს შეიძლება გამოიწვიოს რამდენიმე ძალიან სასაცილო ეძებს გვერდებზე. მე ერთხელ წავიდა გვერდზე, სადაც ჩემი კომპიუტერი ნაჩვენები იგი მთლიანად "Wingdings" (ხატი-კომპლექტი), რადგან ჩემი კომპიუტერი არ ჰქონდა შრიფტი, რომ დეველოპერი ჰქონდა მითითებული, და ჩემი ბრაუზერი გააკეთა ძალიან ცუდი არჩევანი, თუ რა შრი გამოიყენოთ ჩანაცვლება. გვერდი ჩემთვის სრულიად არასწორია! ეს არის სადაც შრიფტის სტეკის თამაში ხდება.
ცალკე მრავალჯერადი Font Families ერთად მძიმით ფონტის Stack
"შრიფტის სტრიქონი" არის შრიფტების სია, რომელიც გსურთ გამოიყენოთ თქვენი გვერდი. თქვენ განათავსებთ შრიფტის არჩევანს თქვენი უპირატესობის მიხედვით და თითოეულ მათგანს მძიმით. თუ ბრაუზერი არ არის პირველი შრიფტი ოჯახის სიაში, ის შეეცდება მეორე და შემდეგ მესამე და ასე შემდეგ, სანამ იგი აღმოაჩენს ერთი მას აქვს სისტემა.
შრიფტიანი ოჯახი: პლიუსიკა, ალჟირი, ბროდვეი;ზემოთ მოყვანილ მაგალითში ბრაუზერი პირველად გამოიყურება "Pussycat" შრიფტით, შემდეგ კი "ალჟირელი" და "ბროდვეი", თუ არც ერთი სხვა შრიფტი ვერ მოიძებნა. ეს საშუალებას მოგცემთ უფრო მეტი შანსი, რომ გამოიყენოთ მინიმუმ ერთი თქვენს მიერ შერჩეული შრიფტები. ეს არ არის სრულყოფილი, სწორედ ამიტომ ჩვენ ჯერ კიდევ უფრო შეგვიძლია დავამატოთ ჩვენი შრიფტის დასტა (წაიკითხეთ!).
გამოიყენეთ საერთო ფონტები ბოლო
ასე რომ თქვენ შეგიძლიათ შექმნათ შრიფტის დასტა სიაში შრიფტები და ჯერ კიდევ არცერთი ბრაუზერი შეიძლება. თქვენ აშკარად არ გინდათ, რომ თქვენი გვერდი გამოჩნდეს, თუ ბრაუზერი ცუდი ჩანაცვლების არჩევანია. საბედნიეროდ CSS აქვს გამოსავალი ამ ძალიან: generic შრიფტები .
ყოველთვის უნდა დასრულდეს თქვენი შრიფტის სია (მაშინაც კი, თუ ეს არის ერთი ოჯახის ან მხოლოდ ვებ-უსაფრთხო შრიფტის სია) ზოგადი შრიფტით. არსებობს ხუთი, რომლითაც შეგიძლიათ გამოიყენოთ:
- კურსური
- ფანტაზია
- მონოსერაპია
- sans-serif
- სერფი
ორი ზემოთ მაგალითი შეიძლება შეიცვალოს:
შრიფტიანი ოჯახი: Arial, Sans-serif; შრიფტიანი ოჯახი: პლიუსიკა, ალჟირი, ბროდვეი, ფანტაზია;ზოგიერთი ფონტის საოჯახო სახელები ორი ან მეტი სიტყვა
თუ შრიფტის ოჯახი გსურთ გამოიყენოთ არის ერთზე მეტი სიტყვა, მაშინ უნდა გარს მას ორმაგი ციტატის ნიშნები. მიუხედავად იმისა, რომ ზოგი ბრაუზერი შეგიძლიათ წაიკითხოთ შრიფტის ოჯახებს ციტატების გარეშე, შეიძლება პრობლემები ჰქონდეს იმ შემთხვევაში, თუ თეთრკანიანი შეკუმშული ან იგნორირებულია.
font-family: "Times New Roman", serif;ამ მაგალითში შეგიძლიათ ნახოთ, რომ შრიფტის სახელი "Times New Roman", რომელიც მრავალ სიტყვას შეიცავს, შეიცავს კოტირებები. ეს გვეუბნება ბრაუზერს, რომ სამივე სიტყვა ამ შრიფტის სახელის ნაწილია, განსხვავებით სამი განსხვავებული შრიფტისაგან ერთ-ერთი სიტყვის სახელით.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირება 12/2/16 მიერ Jeremy Girard