Სარჩევი:

როგორ დავამატო Google ფონტები რეაგირებისთვის?
როგორ დავამატო Google ფონტები რეაგირებისთვის?

ვიდეო: როგორ დავამატო Google ფონტები რეაგირებისთვის?

ვიდეო: როგორ დავამატო Google ფონტები რეაგირებისთვის?
ვიდეო: How to Add Google Font to HTML Website 2024, აპრილი
Anonim

ჩართეთ Google ფონტები

ჩვენი რეაგირება . js აპლიკაცია იყენებს ერთ HTML ფაილს. განაგრძეთ და დაარედაქტირეთ საჯარო/ინდექსი. html და დაამატეთ შემდეგი სტრიქონი HTML-ის განყოფილებაში, რომელიც მოიცავს ორ შრიფტს.

გარდა ამისა, როგორ დავამატო შრიფტები რეაგირებისთვის?

ჩამოტვირთეთ შრიფტი Google-დან თქვენს კომპიუტერში და გახსენით zip ფაილი, რომელიც იყო გადმოწერილი შექმენით ' შრიფტები საქაღალდე შექმნის root ან src დირექტორიაში რეაგირება - აპლიკაციის პროექტი. დააკოპირეთ შრიფტები გსურთ გამოიყენოთ (მაგ. FiraSans. ttf) -ში შრიფტები დირექტორია.

ასევე, არის თუ არა Google ფონტები უფასო კომერციული გამოყენებისთვის? დიახ, Google ფონტები ყველა ლიცენზირებულია კომერციული გამოყენება SIL Open-ის ქვეშ შრიფტი ლიცენზია, რომელიც ნებისმიერს აძლევს საშუალებას გამოყენება მათ -- პირადი და კომერციული პროექტები -- უფასო და ნათელი.

ამასთან დაკავშირებით, როგორ შემოვიტანო შრიფტი react JS-ში?

თქვენს რეაგირება პროექტი, შექმენით საქაღალდე თქვენს src საქაღალდეში და დაარქვით მას ' შრიფტები '. ამ საქაღალდეში შექმენით ფაილი, რომელსაც უწოდებთ შრიფტები . js - ეს შეიცავს იმპორტს თქვენი შრიფტები და მოგვიანებით მათ ხელმისაწვდომს გახდის თქვენი დანარჩენი აპისთვის.

როგორ დავუკავშირო გადმოწერილი შრიფტები HTML-ს?

ქვემოთ ახსნილი @font-face CSS წესი არის ყველაზე გავრცელებული მიდგომა ვებსაიტზე მორგებული შრიფტების დასამატებლად

  1. ნაბიჯი 1: ჩამოტვირთეთ შრიფტი.
  2. ნაბიჯი 2: შექმენით WebFont Kit ჯვარედინი დათვალიერებისთვის.
  3. ნაბიჯი 3: ატვირთეთ შრიფტის ფაილები თქვენს ვებსაიტზე.
  4. ნაბიჯი 4: განაახლეთ და ატვირთეთ თქვენი CSS ფაილი.
  5. ნაბიჯი 5: გამოიყენეთ მორგებული შრიფტი თქვენს CSS დეკლარაციებში.

გირჩევთ: