Return to Video

CSS font family

  • 0:00 - 0:05
    თქვენ უკვე ნახეთ, როგორ იცვლება ფონი და ფერები
    გვერდზე.
  • 0:05 - 0:09
    მაგრამ, აქ იმდენი კიდევ იმდენი რამეა, რისი გაკეთებაც
    ტექსტითა და CSS-ით შეგიძლიათ.
  • 0:10 - 0:12
    დასაწყისისთვის, მოდი შრიფტი შევცვალოთ.
  • 0:13 - 0:16
    რა არის შრიფტი? ალბათ, ეს უკვე იცით, მაგრამ
  • 0:16 - 0:17
    შეიძლება არ იცოდეთ ტერმინი.
  • 0:17 - 0:20
    ეს სიტყვების შესაქმნელი ასოების სტილია.
  • 0:20 - 0:23
    ხვეულები აქვთ თუ არა, სქელებია თუ არა,
  • 0:23 - 0:25
    ან გვანან თუ არა კალმით ნაწერებს.
  • 0:26 - 0:30
    უფრო გამარტივდება, თუ შრიფტს შეცვლით
    ამ გვერდზე,
  • 0:31 - 0:35
    მე გადავალ წესზე, რათა ავარჩიო
    ყველა პარაგრაფი,
  • 0:36 - 0:38
    და ჩავამატებ `font-family` ფუნქციას აქ.
  • 0:42 - 0:44
    ნახეთ, როგორ შეიცვალა ასოები?
    [მას შემდეგ, რაც ეს გავაკეთეთ]?
  • 0:44 - 0:46
    ისინი ახლა უფრო მარტვად ჩანს.
  • 0:47 - 0:52
    ახლა, მოდი შევცვლი `font-family`-ს
    ისევ განსაზღვრული `serif`-ით.
  • 0:52 - 0:56
    შეამჩნიეთ, რომ ასოები უფრო კომპლექსურია?
  • 0:56 - 1:00
    'serif' ნებისმიერ იმ შრიფტს ჰქვია, რომელიც
    ცოტათი"პატარა ფეხებს ჰგავს" ტექსტში.
  • 1:00 - 1:04
    როცა ჩვენ მივუთითებთ ბრაუზერს გამოიყენოს
    'serif'-ის ტიპის შრიფტი, ის გამოიყენებს
  • 1:04 - 1:08
    თქვენს კომპიუტერზე დეფოლტად დაყენებულ შრიფტს.
    რომელიც ჩვეულებრივ 'Times New Roman'-ია.
  • 1:11 - 1:13
    მე მინდა ის ისევ შევცვალო `sans-serif`-ით.
  • 1:14 - 1:18
    ტერმინი 'sans' ლათინური წარმოშობისაა
    და 'გარეშეს' ნიშნავს.
  • 1:18 - 1:22
    ანუ, sans-serif შრიფტი, ის არის, რომელსაც
    არ აქვს "პატარა ფეხები" ასოებზე.
  • 1:22 - 1:24
    ამიტომ, ასოები შედარებით მარტივად გამოიყურება.
  • 1:24 - 1:28
    როცა ჩვენ ბრაუზერს მივუთითებთ, რომ გამოიყენოს
    sans-serif-ის ტიპის შრიფტი, ის იყენებს
  • 1:28 - 1:33
    თქვენს კომპიუტერზე დეფოლტად დაყენებულს,
    ეს ჩვეულებრივ 'Arial' ან 'Helvetica'-აა.
  • 1:33 - 1:38
    მაგრამ, აქ მნიშვნელოვანია შენიშნოთ:
    შრიფტს კომპიუტერი არჩევს
  • 1:38 - 1:41
    არა ავტორი.
  • 1:42 - 1:45
    ასე რომ, ჩვენ შეიძლება ორ სხვადასხვა
    sans-serif შრიფტს ვხედავდეთ ახლა,
  • 1:45 - 1:48
    თუ თქვენს კომპიუტერს განსხვავებული შრიფტი
    აქვს დეფოლტად დაყენებული.
  • 1:48 - 1:54
    ზოგჯერ, ეს კარგია, თუმცა, ხანდახან, მე მინდა
    მაყურებელი ვებ-გვერდს ისეთივე შრიფტით
  • 1:54 - 1:56
    ხედავდეს, როგორითაც მე.
  • 1:57 - 2:02
    ამ შემთხვევაში, მე შემიძლია განვსაზღვრო
    შრიფტის ზუსტი სახელი. მაგალითად,Helvetica.
  • 2:03 - 2:08
    ეს ისევ იმუშავებს ,თუკი, მე და თქვენ, ორივეს
    გვაქვს Helvetica კომპიუტერში.
  • 2:08 - 2:13
    მაგრამ ყველა კომპიუტერს არ აქვს ერთი და იგივე
    შრიფტი, და მაშინ, კომპიუტერი
  • 2:13 - 2:14
    სრულად უგულებელყოფს ამ მითითებას.
  • 2:15 - 2:20
    საბედნიეროდ, CSS საშუალებას გვაძლევს განვსაზღვროთ
    'fallback' (სათადარიგო) შრიფტის ტიპი,
  • 2:20 - 2:22
    იმ შემთხვევისთვის, თუ ეს არ არის
    კომპიუტერში.
  • 2:23 - 2:28
    თქვენ უბდალოდ ამატებთ მძიმეს 'Helvetica'-ს
    შემდეგ და ამატებთ `sans-serif`-ს.
  • 2:28 - 2:33
    ახლა, კომპიუტერი ეცდება მოძებნოს Helvetica,
    თუმცა, თუ ვერ იპოვის, მაშინ
  • 2:33 - 2:34
    მის დეფოლტ `sans-serif` შრიფტს
    გამოიყენებს.
  • 2:35 - 2:39
    ზოგადად, ყოველთვის, კონკრეტული შრიფტის
    არჩევისას, ვთქვათ Helvetica-ს, თქვენ უნდა
  • 2:39 - 2:43
    დააკონკრეტოთ სარეზერვო ტიპის სახელიც.
  • 2:44 - 2:48
    'serif' -სა და 'sans-serif'-ს გარდა, აქ სხვა
    ზოგადი ტიპის შრიფტებიცაა,
  • 2:48 - 2:49
    რომელთა გამოყენებაც შეგვიძლია.
  • 2:50 - 2:57
    თუ ჩვენ გვენდომებოდა ჩვენი ტექსტის ხელით
    ნაწერისთვის დამგვანება,ავარჩევდით `font-family: cursive`-ს.
  • 2:58 - 3:04
    თუ მათი კიდევ უფრო გამორჩეულობა გსურთ,
    შეგიძლიათ აარჩიოთ `fantasy`სახეობის შრიფტი.
  • 3:05 - 3:08
    ან, რა იქნებოდა თუკი მათი მანქანაზე ნაბეჭდის
    მსგავსად გამოსახვა გვენდომებოდა?
  • 3:08 - 3:11
    მაშინ ჩვენ `monospace`შრიფტა სახეობა
    უნდა აგვერჩია.
  • 3:11 - 3:15
    `monospace` შრიფტი ფიქსირებული, ერთნაირი
    სიგანის ასოებს
  • 3:15 - 3:16
    გვიჩვენებს.
  • 3:16 - 3:20
    და, ფაქტობრივად, თქვენ უკვე ბევრჯერ
    გინახავთ ასეთი შრიფტი ხანის აკადემიაზე.
  • 3:20 - 3:23
    რადგან, ჩვენ ყოველთვის monospace ფონტებს ვიყენებთ
    კოდების რედაქტორებისთვის.
  • 3:24 - 3:27
    ეს იმიტომ, რომ გვინდა ყველა ჩვენი კოდი
    გასწორებული იყოს, მიუხედავად სიტყვებში
  • 3:27 - 3:28
    ასოებისა.
  • 3:29 - 3:33
    ახლა, როცა თქვენ უკვე იცით, როგორ შეცვალოთ
    შრიფტების ტიპი, ცოდნა გონივრულად გამოიყენეთ.
  • 3:33 - 3:38
    თუ გსურთ, თქვენი გვერდი კარგად გამოიყურებოდეს,
    შეზღუდული რაოდენობის შრიფტები გამოიყენეთ
  • Not Synced
    და ისეთები, რომლებიც ერთმანეთთან კარგად
    ჩანან.
Title:
CSS font family
Description:

more » « less
Video Language:
English
Duration:
03:49
Mari Telia edited Georgian subtitles for CSS font family
Mari Telia edited Georgian subtitles for CSS font family

Georgian subtitles

Incomplete

Revisions