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
Wyszukiwanie interesującej nas ikony zaczynamy od wyszukiwarki udostępnionej pod adresem https://fontawesome.com/icons.
Wybrane książki:
- Adam Omelak: Zend Framework 3. Poradnik programisty, Wydawnictwo Helion, 2017
Wybrane strony: