След сравняване на шрифтове в различни операционни системи и общи софтуерни пакети, вие сте оставени с много малка подгрупа от шрифта, наричана уеб сигурни шрифтове. Това са шрифтове, които можете да бъдете сигурни, че са инсталирани на всички компютри.
Всеки от тези услуги на шрифта работи малко по различен начин. С шрифтове Google можете да добавите един шрифт, ако желаете или изградите колекция от шрифтове и импортирайте всички шрифтове, като използвате един елемент за връзка. Edge Fonts трябва да се добавят по едно в даден момент с нов елемент на скрипта за всеки шрифт, който искате да използвате на уебсайта си. Typekit шрифтове могат да се добавят само чрез изграждане на комплект за шрифт на сайта на Typekit, който е подобен на колекцията на шрифтове Google. След това целият комплект за шрифтове се добавя на вашия сайт наведнъж. В примера по-горе, името на файла font_kit. S Всъщност ще бъде уникална серия от цифри и букви, генерирани от TypeKit, за да идентифицира създаването на шрифта. На практика няма да използвате всичките три от тези услуги едновременно. Това е най-често срещано за уебсайтове, за да получат всичките си шрифтове от един източник или да бъде домакин на шрифтовете, използвани от техния уебсайт.
Иконите се използват широко в мрежата. Докато някои икони са файлове с изображения, най-гъвкавият начин за работа с икони е да използвате икония шрифт като шрифт страхотно. В миналото използването на шрифтове за икони беше малко сложно и се изисква, че файловете за шрифтове на иконата са самостоятелни. Въпреки това, благодарение на хостинг на CDN, спонсориран от MaxCDN и Bootstrap, всеки може да добави шрифт страхотни икони на уебсайта си, който да бъде домакин на файловете на шрифта на собствения си сървър. Пълните инструкции за започване на поръчването са достъпни от хранилището на GITUB на шрифта. Въпреки това, това е наистина лесно, колкото и тези две стъпки:
Какво прави иконите шрифтове толкова по-добре да работят с thanh техните контрагенти на иконата им е, че същите CSS свойства, използвани за стилове на шрифтове. Например, ако искаме да увеличим размера на иконата, да добавите кръгъл фон цвят, променете цвета на иконата и добавете допълнителна подложка по целия път около иконата, която можем да го направим с някои доста ясни CSS.
Уеб безопасни шрифтове са шрифтове, които са предварително инсталирани от много операционни системи. Докато не всички системи хвърлят същите инсталирани шрифтове, можете да използвате уеб сигурния шрифт, за да разрешите наредените шрифтове, които изглеждат подобни, както и са инсталирани на различни системи, които искате да поддържате. Независимо дали искате да притежавате шрифтове, различни от предварително инсталирани, като на CSS3, можете да използвате уеб шрифтове.
Имотът за семейството на шрифта трябва да съдържа имена на шрифтове като "багажна" система, за да осигури максимална съвместимост между браузърите / операционните системи. Ако браузърът не поддържа първия шрифт, той опитва следващия шрифт.
Фрин-семеен имот е разнообразие от имена на шрифтове като система "щам", за да се осигури максимална съвместимост между браузъра / операционната система. Ако браузърът ви не поддържа първия шрифт, той опитва следващия шрифт.
Какво по дяволите, нали? Защо просто не го казвам какъв шрифт искам да използвам и да се опънам? Цялата идея тук е паднала. Браузърът ще се опита да използва шрифта, който сте посочили първо (в този случай), но този шрифт е наличен, той ще продължи да слиза в този списък. Така че да бъдем наистина подробни тук, какво казва това правило, е:
Така в каква ситуация браузърът няма да има шрифта, за който искате? Това е доста често. Има само шепа шрифтове, които се считат за "уеб безопасно", което е вероятно, че повечето компютри, посещаващи сайта ви, са инсталирани на шрифта и така браузърът може да го използва. Помислете: Ариал, времена, нова римска, куриер, Грузия, Вердана и шепа други.
Но повечето уебсайтове, тези дни, използвайте персонализирани уеб шрифтове. Те зареждат шрифт като ресурс (точно като уебсайт зарежда самия CSS като ресурс, или изображение или JavaScript), тогава този шрифт е на разположение за използване. Широко популярните шрифтове на Google го правят доста ясно:
Дори когато зареждате шрифт по този начин, все още е възможно шрифтът да не се зареди. Докато Google е като цяло много надежден хост, не контролирате техните сървъри; Те правят. Още по-често лошите мрежови връзки могат да предотвратят натоварването на шрифта. Във всеки сценарий за неизпълнение на шрифтове, това е друга ситуация, в която е удобна стена за падане шрифт.
Основател на DC дизайн Дилип Чхабраре арестуван това, което знаем досега за случая
