შეამოწმეთ შრიფტები ნებისმიერ გვერდზე
გააჩერეთ და დააწკაპუნეთ ტექსტზე, რომ ნახოთ ცოცხალი შრიფტი, ზომა, წონა, სტილი და ფერი — ელემენტთან ახლოს ან გვერდით ზოლში — DevTools-ის გახსნის გარეშე.
იდენტიფიცირეთ შრიფტი და CSS ტიპოგრაფია ვებგვერდის ნებისმიერ ელემენტზე - ოჯახი, ზომა, წონა, ხაზის სიმაღლე, ასოების ინტერვალი, ფერი და კონტრასტი - შემდეგ დააკოპირეთ ან ექსპორტირდება რაც გჭირდებათ ჩანართიდან გაუსვლელად.
შექმნილია ცოცხალი ტიპოგრაფიისთვის
გააჩერეთ და დააწკაპუნეთ ტექსტზე, რომ ნახოთ ცოცხალი შრიფტი, ზომა, წონა, სტილი და ფერი — ელემენტთან ახლოს ან გვერდით ზოლში — DevTools-ის გახსნის გარეშე.
წაიკითხეთ ხაზის სიმაღლე, ასოების ინტერვალი, ტრანსფორმაცია, გაფორმება და კონტრასტი (AAA/AA ნიშნების ჩათვლით) ერთ პანელში.
დააკოპირეთ შრიფტის ოჯახი, ფერი ან მზა CSS ფრაგმენტი თქვენ მიერ შემოწმებული ელემენტისთვის.
შეცვალეთ წონა, ზომა, მანძილი, ფერი და სხვა ცოცხალ ელემენტზე, შემდეგ გადააყენეთ, როდესაც შესწავლას დაასრულებთ.
დაასკანირეთ უნიკალური ტექსტის სტილები გვერდზე და გადადით მათ შორის დიზაინის სისტემის აუდიტის დროს.
გაიტანეთ ტიპოგრაფია, როგორც SCSS ან JSON, ან გახსენით Google Fonts ძიება თქვენს მიერ ნაპოვნი ოჯახისთვის.
მარტივი დიზაინით
Chrome გაფართოება, რომელიც ავლენს ცოცხალ ტიპოგრაფიას - შრიფტის შრიფტს, ზომას, წონას, ფერს და კონტრასტს - ასე რომ თქვენ შეგიძლიათ შეამოწმოთ, დააკოპიროთ და ექსპორტი გააკეთოთ ნებისმიერი ვებგვერდიდან.
Chrome Web Store
საილუსტრაციო გამოხმაურების ჩანაცვლების ველები — Chrome Web Store მიმოხილვები ჩაანაცვლებს მათ, როდესაც დაკავშირებულია.
“შემიძლია ავიღო ოჯახი, წონა და თექვსმეტობითი ფერი ცოცხალი საიტიდან DevTools-ის გახსნის გარეშე.”
“დააკოპირეთ CSS და კონტრასტი ერთ პანელში არის ზუსტად ის, რაც მე მჭირდება აუდიტის დროს.”
“გვერდზე ყველა შრიფტი მეხმარება სწრაფად დავადგინო არათანმიმდევრული ტიპი სადესანტო გვერდზე.”
სამი სწრაფი ნაბიჯი
დაამატეთ what the font - font finder Chrome Web Store-დან და მიამაგრეთ იგი ხელსაწყოთა ზოლში.
გახსენით ამომხტარი ფანჯარა, დაიწყეთ ინსპექტირება, შემდეგ გადაიტანეთ და დააწკაპუნეთ გვერდზე ნებისმიერ ტექსტზე.
დააკოპირეთ CSS, ექსპორტის სტილები, გახსენით Google Fonts ან დაათვალიერეთ ყველა შრიფტი გვერდზე.
პასუხები დაყენებამდე
დააინსტალირეთ what the font - font finder, დაიწყეთ შემოწმება, გადაიტანეთ ტექსტი და დააწკაპუნეთ პანელის ოჯახის, ზომის, წონისა და ფერის გასახსნელად.
დიახ. პანელიდან შეგიძლიათ დააკოპიროთ შრიფტის ოჯახი, ფერი ან CSS სნიპეტი შემოწმებული ელემენტისთვის.
ის მუშაობს ვებსაიტების რეგულარულ ჩანართებზე. Chrome სისტემის გვერდების და ზოგიერთი შეზღუდული URL-ის შემოწმება შეუძლებელია.
გამოიყენეთ ყველა შრიფტი გვერდზე, რათა ჩამოთვალოთ უნიკალური ხილული ტექსტის სტილი და გახსენით რომელიმე მათგანი დეტალურ პანელში.
დიახ. დაარედაქტირეთ წონა, ზომა, მანძილი, ფერი და შესაბამისი სტილი ელემენტზე, შემდეგ გადააყენეთ ორიგინალის აღსადგენად.
როდესაც ოჯახი საძიებლად გამოიყურება, გამოიყენეთ Google Fonts მოქმედება პანელში ამ სახელის მოთხოვნის გასახსნელად.