Uneori trebuie să aplicăm diferite fonturi pentru text pe site-ul nostru și nu este deloc dificil. Există mai multe moduri de conectare a fontului la site, deoarece folosim Drupal CMS, putem utiliza modulul @ font-your-face pentru a conecta fontul, ceea ce vă permite să adăugați orice font pe site-ul dvs. Web. Vă voi arăta următorii pași pentru a instala și utiliza acest modul.
Modulul @ font-your-face poate face următoarele:
- Fonturile pot fi aplicate unui anumit text pe un site web, pot utiliza ID-ul familiei de fonturi într-un fișier CSS sau pot scrie direct un selector CSS în interfața @ font-your-face.
- Puteți importa propriile fonturi locale cu SRV, TTF, WOFF din formatele SVG.
Instalarea modulului @ font-your-face:
- Despachetați arhiva modulului descărcat și încărcați folderul modulului în folderul pentru modulele site-ului (site / all / modules / fontyourface).
- Accesați secțiunea de administrare a modulelor (admin / modules) și activați modulele @ font-your-face, UI-ul cu font-your-face includ modulele pe care trebuie să le lucrați.
![Cum se instalează un font în drupal 7 cu @ font-your-face, site-ul de laborator (font) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-d3a5937f.png)
Alte opțiuni pe care le putem include:
După instalarea modulului:
- Accesați pagina de setări a modulului @ font-your-face (admin / appearance / fontyourface / browse) pentru a activa fonturile.
- aici, puteți vedea fonturile de care aveți nevoie, de exemplu, tastați: Dosis. Și veți primi toate fonturile cu acest nume.
- Sub fiecare font există o opțiune pentru ao activa, faceți clic pe fontul de care aveți nevoie. De asemenea, există opțiunea de a dezactiva fontul.
![Cum se instalează fontul în drupal 7 cu @ font-your-face, laboratorul site-ului (modul @ font-your-face) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-2fa131c6.png)
Dacă vrem, putem selecta selectorul CSS la care va fi aplicat fontul selectat. De exemplu: H1, H2 și altele.
![Cum se instalează un font în drupal 7 cu @ font-your-face, site-ul de laborator (fonturi) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-f9ee2a80.png)
De asemenea, când editați un font, există întotdeauna o opțiune de specificare a câtorva selectori CSS separați printr-o virgulă.
![Cum se instalează fontul în drupal 7 cu @ font-your-face, laboratorul site-ului (modul) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-dd4d4b60.png)
2. Folosiți modulul @ font-your-face prin fișierul temă .info:
- În setările modulului (/ admin / appearance / fontyourface), dați clic pe fila "În temă".
- Veți vedea codul cu fonturile deja în uz.
- Copiați acest cod.
- Introduceți acest cod în fișierul temă theme.info.
- Apoi, folosind identificatorul de font-familie în fișierul tematic CSS, putem aplica fontul pe care l-am inclus deja.
![Cum se instalează fontul în drupal 7 cu @ font-your-face, laboratorul site-ului (drupal) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-9b751612.png)
3. Import fonturi locale. Uneori nu găsim fonturile pe care dorim să le aplicăm, astfel că @ font-your-face ne oferă posibilitatea de a importa fonturi locale.
- În setările modulului (/ admin / config / user-interface / fontyourface / local_fonts)
- Adăugați numele fontului, selectați stilul fontului (stilul) și conținutul de grăsime (font-weight).
- Descărcați fontul pe server, acesta poate fi EOT. TET. WOFF. Formatele de fișier SVG.
- Apoi, utilizând identificatorul de font-familie în fișierul CSS al temei, puteți aplica fontul pe care l-am inclus deja.
![Cum se instalează fontul în drupal 7 cu @ font-your-face, laboratorul site-ului (modul) Cum se instalează fontul în drupal 7 cu laboratorul site-ului](https://images-on-off.com/images/151/kakustanovitshriftvdrupal7sfontyourfacel-c490d962.png)
Asta este, și deci avem mai multe modalități diferite de a adăuga un font pe site-ul nostru.