Gwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywnaGwiazdka nieaktywna
 

Istnieje wiele zestawów czcionek stworzonych specjalnie do wykorzystania podczas projektowania m.in. systemów internetowych. Jedną z bardziej popularnych jest Font Awesome, z której można korzystać za darmo nawet w projektach komercyjnych. Jednak, jeśli zdecydujemy się wykupić wersję Font Awesome PRO dostaniemy w zamian dodatkowe ikony.

Zanim zaczniemy, musimy pobrać darmową wersję Font Awesome dostępną pod adresem: https://fontawesome.com/free

W Zend Framework 3 wszystkie pliki css umieszczamy w katalogu public. W projekcie przykładowym pliki umieścimy w podkatalogu shared. Będzie zawierał wszystkie pliki domyślne dla wszystkich motywów instalowanych w programie (rys. 1.).

 

Listing 1. Instalacja Font Awesome w Zend Framework3 w pliku layout.phtml

<!-- Font Awesome Zend Framework 3 kurs -->
<html lang="pl">
<head>
   ...
   <!-- <link href="/cms/public/shared/fontawesome-free-5.3.1-web/css/all.css" media="screen" rel="stylesheet" type="text/css"> -->
   <?= $this->headLink()->appendStylesheet($this->basePath('shared/fontawesome-free-5.3.1-web/css/all.css')); ?>
</head>
<body>
   ...
   <!-- Dodajemy ikonę do strony internetowej -->
   <i class="fab fa-accessible-icon"></i>
   ...
</body>
</html> 

 

Rys. 1. Zawartość katalogu public w Zend Framework 3

Rys. 1. Zawartość katalogu public w Zend Framework 3 

 

Wyszukiwanie interesującej nas ikony zaczynamy od wyszukiwarki udostępnionej pod adresem https://fontawesome.com/icons.

 

Wybrane książki:

Wybrane strony:

Książki Helion