Dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver

Ostatnia aktualizacja 14 gru 2021

Okno dialogowe Zarządzaj czcionkami umożliwia dodawanie i modyfikowanie kombinacji czcionek w programie Dreamweaver.

Spostrzeżenie

Od 1 lipca 2022 r. czcionki Adobe Edge Web Fonts zostaną wycofane z programu Dreamweaver w wersji 21.2 i wcześniejszych. Jeśli używasz czcionek Edge Web Fonts w swoich serwisach, możesz je zastąpić czcionkami Adobe Fonts lub dowolnymi innymi czcionkami.

Kombinacje czcionek decydują o tym, w jaki sposób przeglądarka wyświetla tekst na twojej stronie WWW. Przeglądarka użyje pierwszej czcionki z listy kombinacji, która będzie zainstalowana w systemie użytkownika. Jeżeli nie będzie zainstalowana żadna czcionka z kombinacji, to przeglądarka wyświetli tekst zgodnie z preferencjami użytkownika.

Dodawanie czcionek z biblioteki Adobe Edge Web Fonts do listy Czcionka

Na stronach WWW można używać czcionek Adobe Edge Web Fonts. Użycie czcionki Edge na stronie wiąże się z dodaniem do kodu strony dodatkowego skryptu, zawierającego odwołanie do pliku JavaScript. Jest to plik pobierający czcionkę bezpośrednio z serwera Creative Cloud do bufora przeglądarki.

Podczas wyświetlania strony czcionki są pobierane z serwera Creative Cloud, nawet jeśli dana czcionka jest dostępna w komputerze użytkownika.

Poniżej znajduje się przykład znacznika Script, który używa tylko czcionki „Abel”:

<!--Poniższy tag skryptu pobiera czcionkę z serwera Adobe Edge Web Fonts do użycia na stronie internetowej. Zalecamy, aby go nie modyfikować.-->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

Wybierz polecenie Narzędzia > Zarządzaj czcionkami.

Zakładka Czcionki Adobe Edge wyświetla wszystkie czcionki Adobe Edge Web Fonts, które można dodać do listy Czcionka.

Aby odszukać czcionki i dodać je do listy Czcionka, wykonaj następujące czynności:

  • Kliknij czcionkę, którą chcesz dodać do listy czcionek.
  • Aby usunąć zaznaczenie czcionki, kliknij ją ponownie.
  • Skorzystaj z filtrów, aby ograniczyć wyświetlanie do preferowanych czcionek. Na przykład, aby utworzyć listę czcionek typu Serif, kliknij .
  • Można używać wielu filtrów naraz. Na przykład, aby utworzyć listę filtrów typu Serif, których można używać w akapitach, kliknij .
  • Aby wyszukać czcionkę według nazwy, wpisz odpowiednią nazwę w pole wyszukiwania.

Kliknij, aby przefiltrować wybrane czcionki.

Kliknij przycisk Gotowe.

Otwórz listę Czcionka w dowolnym miejscu programu. Może to być np. lista Czcionka w sekcji CSS panelu Właściwości.

Na liście Czcionka na początku umieszczone są stosy czcionek programu Dreamweaver, a za nimi czcionki internetowe. Przewiń listę, aby odnaleźć wybrane czcionki.

Dodawanie lokalnych czcionek internetowych do listy Czcionka

Lokalne czcionki internetowe z własnego komputera można dodawać do listy Czcionka w programie Dreamweaver. Dodane czcionki będą widoczne we wszystkich menu Czcionka w programie Dreamweaver. Obsługiwane są czcionki następujących typów: EOT, WOFF, TTF oraz SVG.

Wybierz polecenie Narzędzia > Zarządzaj czcionkami.

W oknie dialogowym Zarządzaj czcionkami wybierz opcję Lokalne czcionki internetowe.

Kliknij przycisk Przeglądaj odpowiadający typowi czcionki, która ma zostać dodana. Na przykład jeśli chcesz dodać czcionkę w formacie EOT, kliknij przycisk Przeglądaj dla pozycji Czcionka EOT.

Przejdź do lokalizacji czcionki na swoim komputerze. Wybierz plik i otwórz go. Jeśli w danej lokalizacji istnieją inne formaty tej samej czcionki, to zostaną automatycznie dodane do okna dialogowego. Nazwa czcionki jest również uzyskiwana automatycznie z pliku czcionki.

Zaznacz opcję, która zawiera prośbę o potwierdzenie, że masz licencję na używanie danej czcionki w serwisie WWW.

Kliknij przycisk Gotowe.

Lista czcionek jest wyświetlana w polu Bieżąca lista lokalnych czcionek internetowych.

Aby usunąć czcionkę internetową z listy czcionek, zaznacz ją na liście Bieżąca lista lokalnych czcionek i kliknij opcję Usuń.

Tworzenie niestandardowych stosów czcionek

Stos czcionek to lista czcionek w deklaracji font-family stylu CSS.

Wybierz polecenie Narzędzia > Zarządzaj czcionkami, a następnie opcję Niestandardowe stosy czcionek.

Modyfikowanie kombinacji czcionek
Modyfikowanie kombinacji czcionek

Wybierz kombinację czcionek z listy na górze okna dialogowego.

Czcionki z wybranej kombinacji będą wyświetlane na liście Wybrane czcionki po lewej stronie tego okna dialogowego. Po prawej stronie znajduje się lista wszystkich dostępnych czcionek, zainstalowanych na tym komputerze.

Wykonaj jedną z następujących czynności:
  • Aby dodać lub usunąć czcionki z kombinacji, użyj przycisków strzałek (<< lub >>) między listą Wybrane czcionki a listą Dostępne czcionki.

  • Aby dodać lub usunąć kombinację czcionek, kliknij przycisk Plus (+) lub Minus (-) na górze okna dialogowego.

  • Aby dodać czcionkę niezainstalowaną na tym komputerze, wpisz nazwę tej czcionki w polu tekstowym pod listą Dostępne czcionki. Kliknij przycisk <<, aby dodać ją do kombinacji. Dodanie czcionki niezainstalowanej na komputerze może być przydatne np. wtedy, gdy chcesz wybrać czcionkę dostępną tylko w systemie Windows, a pracujesz nad stronami na komputerze Macintosh.

  • Aby przenieść kombinację czcionek w górę lub w dół listy, użyj przycisków strzałek na górze okna dialogowego.

Dodawanie nowej kombinacji do listy czcionek

Wybierz polecenie Narzędzia > Zarządzaj czcionkami.

Wybierz czcionkę z listy Dostępne czcionki i kliknij przycisk <<, aby przenieść ją na listę Wybrane czcionki.
Powtórz krok 2 dla każdej kolejnej czcionki w kombinacji.

Aby dodać czcionkę niezainstalowaną na tym komputerze, wpisz nazwę tej czcionki w polu tekstowym pod listą Dostępne czcionki. Kliknij przycisk <<, aby dodać ją do kombinacji. Dodanie czcionki niezainstalowanej na komputerze może być przydatne np. wtedy, gdy chcesz wybrać czcionkę dostępną tylko w systemie Windows, a pracujesz nad stronami na komputerze Macintosh.

Gdy zakończysz wybieranie konkretnych czcionek, wybierz ogólną rodzinę czcionek z menu Dostępne czcionki i kliknij przycisk <<, aby dodać ją do listy Wybrane czcionki.

Ogólne rodziny czcionek to Cursive (kursywa), Fantasy (fantazyjna), Monospace (o stałej szerokości), Sans-Serif (bezszeryfowa) oraz Serif (z szeryfami). Jeżeli żadna z czcionek na liście Wybrane czcionki nie będzie dostępna w systemie użytkownika, tekst zostanie wyświetlony domyślną czcionką, skojarzoną z tą ogólną rodziną czcionek. Np. domyślną czcionką o stałej szerokości jest w większości systemów czcionka Courier.

Podgląd wstawionych czcionek

W widoku Projekt nie można wyświetlić podglądu czcionek Edge i czcionek internetowych. Aby je zobaczyć, należy przejść do widoku aktywnego lub wyświetlić podgląd strony w przeglądarce.

Aktualizowanie znacznika Script czcionek internetowych we wszystkich plikach

Po uaktualnieniu czcionki w pliku CSS, który jest powiązany z wieloma plikami HTML, program wyświetli monit o aktualizację znacznika Script w takich powiązanych plikach HTML. Kliknięcie przycisku Aktualizuj spowoduje uaktualnienie znaczników Script we wszystkich plikach HTML, których dotyczy zmiana.

Aktualizowanie znacznika Script czcionek internetowych na stronie

Wybierz polecenie Narzędzia > Oczyść znacznik Script czcionek internetowych (bieżąca strona), aby uaktualnić te czcionki internetowe użyte na stronie, które nie są uwzględnione w znaczniku Script.