Písmo Děsivý je neuvěřitelně užitečný nástroj při vývoji webových stránek. Je to rozsáhlá knihovna škálovatelných vektorových ikon, která umožňuje vývojářům personalizovat a vylepšit estetiku jakékoli webové stránky. Jeho přidání do projektu JavaScript vám nejen umožní, aby byl váš web vizuálně přitažlivější, ale také umožnil zvýšenou interaktivní funkčnost. Tento článek vás provede procesem začlenění Font Awesome do vašeho projektu JavaScript.
Řešení pro začlenění Font Awesome
Aby bylo možné začlenit Písmo Děsivý na svůj web, budete muset získat odkaz CDN (Content Delivery Network) a přidat jej do souboru HTML. Odkaz CDN na Font Awesome lze získat z jeho oficiálních stránek. Jakmile budete mít tento odkaz, vložte jej do sekce head svého HTML souboru.
Do knihovny Font Awesome jsou jednou za čas přidány nové ikony. Abyste zajistili, že budete mít přístup k nejnovějším ikonám, je nezbytné neustále aktualizovat odkaz CDN.
Zde je příklad, jak přidat odkaz Font Awesome CDN:
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
Vysvětlení, jak začít s písmem Awesome
Jakmile do souboru HTML přidáte odkaz CDN, je čas vložit ikony Font Awesome. Ikony jsou vloženy jako
Za předpokladu, že chcete přidat rotující ikonu načítání. Název třídy je „fa-spin fa-spinner“. Váš kód tedy bude vypadat nějak takto:
<i class="fas fa-spin fa-spinner"></i>
Vezměte na vědomí, že třída „fas“ je společná pro všechny plné ikony. Třída „fa-spin“ se používá k otáčení ikony a „fa-spinner“ je název třídy pro aktuální ikonu, která se má zobrazit – v tomto případě ikonu načítání.
Kromě toho lze barvy, velikosti a zarovnání ikon snadno upravit pomocí CSS. Velikost ikony můžete upravit přidáním „fa-xs“, „fa-sm“, „fa-lg“, „fa-2x“, „fa-3x“ nebo „fa-4x“ do atributu třídy .
