Pengaturan Gaya Teks Situs Web di Pixpa memungkinkan Anda mengontrol tipografi di seluruh situs web Anda. Mulai dari judul dan subjudul hingga teks isi dan deskripsi, Anda dapat menyesuaikan gaya font, ukuran, dan spasi agar sesuai dengan identitas visual merek Anda.
Pixpa mendukung lebih dari 300 font dari repositori Google Fonts, beserta pilihan font berlisensi OFL yang dapat Anda gunakan secara bebas. Dengan menyesuaikan gaya teks, Anda dapat memastikan konsistensi dan meningkatkan keterbacaan di semua halaman situs web Anda.
Dalam artikel ini:
- Kumpulan Font Saat Ini
- Preset Font
- Pengeditan Tingkat Lanjut
- Atur Ulang Pengaturan Kustom
- Font alternatif dari Google
Anda dapat mengelola font untuk situs web Anda dari Mendesain (1) bagian.
Setelah Anda berada di dalam bagian Desain, klik Font (2) tab.
Kumpulan Font Saat Ini
- Yang dipilih Prasetel font (1) akan ditampilkan di sini.
- Anda dapat menyesuaikan Kepala (2) dan Ayat (3) font untuk preset yang dipilih.
Catatan: Setelah melakukan penyesuaian khusus pada Opsi Palet Warna atau Pengeditan Lanjutan, Anda akan melihat 'Dimodifikasi' (4) tombol.
- Teks atas (5) mewakili font Heading.
- Teks lebih rendah (6) mewakili font Paragraf.
Catatan:
- Mengubah font Heading juga akan mempengaruhi Judul Situs dan item Menu.
- Mengubah font Paragraf juga akan memengaruhi Tombol, Galeri (Judul Gambar), dan teks Footer.
Preset Font
Preset Font adalah kombinasi standar jenis font, ukuran font, spasi huruf, dan pengaturan tipografi lainnya yang dapat diterapkan ke teks di situs web secara keseluruhan.
- Anda dapat dengan mudah mengubah font secara global dengan memilih salah satu Preset font (1).
- Filter (2) daftar dengan memilih preset Semua, Serif, Sans Serif, atau Campuran. Setelah Anda memilih filter, Anda hanya akan melihat preset terkait.
- Untuk memilih a Prasetel font (3), Anda cukup mengkliknya dan Menerbitkan (4) perubahan.
- Gulir ke bagian bawah daftar font untuk mengakses dan memilih dari font yang tersedia. Font OFL.
Pengeditan Tingkat Lanjut
Dari sini, Anda dapat mengganti pengaturan preset dan mengelola font untuk semua elemen situs web Anda secara manual.
Anda akan melihat opsi berikut di sini:
Judul situs
Ini adalah judul situs web Anda yang bertindak sebagai teks logo jika logo utama tidak tersedia.
Mulai dari di sini Anda dapat:
- Font - Pilih font untuk judul situs Anda.
- Bobot - Pilih berat font untuk judul situs Anda.
- Ukuran – Desktop – Tentukan ukuran teks untuk judul situs Anda di desktop.
- Ukuran – Seluler – Tentukan ukuran teks untuk judul situs Anda di seluler.
- Spasi Huruf – Mengatur spasi antar huruf pada judul situs.
Menu Header
Ini adalah kumpulan halaman, tautan, folder, galeri, dll. yang memungkinkan pengguna berpindah antar bagian berbeda di situs web.
Mulai dari di sini, Anda dapat menyesuaikan:
-
Menu utama
- Font - Tentukan font untuk tautan menu.
- Bobot - Pilih bobot font untuk tautan menu.
- Ukuran - Tentukan ukuran teks untuk tautan menu.
- Spasi Huruf – Atur jarak antar huruf pada link menu.
-
Menu drop down
- Font - Tentukan font untuk tautan menu tarik-turun Anda.
- Bobot - Pilih berat font untuk tautan menu tarik-turun.
- Ukuran - Tentukan ukuran teks untuk tautan menu tarik-turun.
- Spasi Huruf – Atur jarak antar huruf pada link menu dropdown.
Pos
Tag judul sangat penting karena membantu menyusun konten, meningkatkan SEO, meningkatkan aksesibilitas dan keterbacaan. Ada empat jenis tag Heading yang disediakan Pixpa. Yaitu Pos (H1), Pos (H2), Pos (H3), dan Pos (H4).
Mulai dari di sini Anda dapat:
- Font - Tentukan gaya font untuk judul (H1).
- Bobot - Pilih berat font untuk judul (H1).
- Ukuran – Desktop – Tentukan ukuran font judul (H1) untuk desktop.
- Ukuran – Seluler – Tentukan ukuran font judul (H1) untuk seluler.
- Tinggi garis - Tentukan tinggi garis font untuk judul (H1) (ditentukan dalam em).
- Spasi Huruf – Tentukan spasi di antara huruf-huruf teks judul (H1) (ditentukan dalam em).
Catatan: Mirip dengan Heading (H1), Anda dapat menyesuaikan pengaturan untuk gaya font H2, H3, dan H4.
Bantalan Teks (Judul)
- Judul – Tentukan padding untuk judul di situs web Anda.
Paragraf
Ini digunakan untuk mendefinisikan dan menyusun blok teks sebagai paragraf. Ini umumnya digunakan untuk deskripsi, judul gambar, keterangan, teks footer, dll.
Mulai dari di sini Anda dapat:
- Font - Pilih gaya font untuk semua teks paragraf (normal, kecil, dan besar).
- Bobot - Pilih berat font untuk semua teks paragraf.
- P (Biasa) – Desktop – Pilih ukuran font Normal dari semua teks paragraf untuk desktop.
- P (Normal) – Seluler – Pilih ukuran font Normal dari semua teks paragraf untuk seluler.
- P (Kecil) – Desktop – Pilih ukuran font yang lebih kecil (kurang dari P (Normal)) dari semua teks paragraf untuk desktop.
- P (Kecil) – Seluler – Pilih ukuran font yang lebih kecil (kurang dari P (Normal)) dari semua teks paragraf untuk seluler.
- P (Besar) – Desktop – Pilih ukuran font yang lebih besar (lebih besar dari P (Normal)) dari semua teks paragraf untuk desktop.
- P (Besar) – Seluler – Pilih ukuran font yang lebih besar (lebih besar dari P (Normal)) dari semua teks paragraf untuk seluler.
- Tinggi garis - Tentukan tinggi baris font untuk teks paragraf (ditentukan dalam bentuk em).
- Spasi Huruf – Tentukan spasi di antara huruf-huruf teks paragraf (ditentukan dalam istilah em).
Bantalan Teks (Paragraf)
Gugus kalimat - Tentukan padding untuk paragraf di situs web Anda.
kancing-kancing
Tombol adalah elemen yang bisa Anda klik atau ketuk untuk melakukan tindakan tertentu, seperti mengirimkan formulir atau menavigasi ke halaman lain.
Mulai dari di sini Anda dapat:
- Font - Anda dapat memilih font untuk teks tombol dari sini.
- Bobot - Atur bobot font untuk teks tombol dari sini. Anda dapat memilih antara normal, ringan, dan tebal.
- Ukuran (Besar) – Atur ukuran font besar untuk tombol.
- Ukuran (Sedang) – Atur ukuran font sedang untuk tombol.
- Ukuran kecil) - Atur ukuran font kecil untuk tombol.
- Spasi Huruf – Atur spasi di antara huruf teks tombol dari sini (ditentukan dalam em).
Footer
Ini adalah teks yang muncul di bagian bawah situs web seperti informasi Hak Cipta, penafian, dll. Pengaturan Teks Footer memungkinkan Anda menyesuaikan tampilan teks di footer situs web Anda.
- Font - Tentukan gaya font untuk teks footer.
- Bobot - Atur ketebalan font untuk teks footer dari sini. Anda dapat memilih antara normal, tipis, dan tebal.
- Ukuran Teks – Tentukan ukuran font untuk teks footer.
- Ukuran Menu – Mengatur ukuran font untuk item menu footer.
- Ukuran Judul Situs (Desktop) – Sesuaikan ukuran judul situs footer saat dilihat di desktop.
- Ukuran Judul Situs (Seluler) – Sesuaikan ukuran judul situs footer saat dilihat di perangkat seluler.
- Spasi Huruf – Tentukan spasi antar huruf untuk teks footer (diukur dalam em).
bermacam-macam
Ini adalah beberapa penyesuaian lain di bawah pengaturan Font. Dari di sini Anda dapat:
Judul Gambar Galeri
Ini diterapkan saat Anda memilih untuk menampilkan judul gambar saat melayang.
-
- Arahkan Font – Anda dapat memilih font untuk teks Judul gambar saat diarahkan dari sini.
- Melayang Berat – Atur bobot font untuk teks judul Gambar dari sini. Anda dapat memilih antara normal, ringan, dan tebal.
- Ukuran Arahkan – Atur ukuran teks judul gambar saat diarahkan dari sini.
- Spasi Huruf – Atur jarak antar huruf Teks judul gambar dari sini (ditentukan dalam em).
Atur Ulang Pengaturan Kustom
Anda dapat dengan mudah mengatur ulang pengaturan font ke default jika Anda telah membuat perubahan pada kumpulan font dengan mengeditnya atau jika Anda telah menyesuaikan pengaturan font dari Pengeditan Tingkat Lanjut.
Anda akan melihat tombol Dimodifikasi. Arahkan kursor ke tombol tersebut, maka akan berubah menjadi Reset. Anda dapat mengatur ulang perubahan ke aslinya dari sini.
Font alternatif dari Google
Berikut adalah beberapa font Google alternatif untuk beberapa orang font populer:
- Brandon Aneh – Josefin Sans
- sofia profesional – Poppins
- jalan – Lato or Cepat
- Proxima Nova – montserrat or Roboto
- Proxima Lembut – Nunito
- MAKAN – Barlow
- Piagam – Sumber Serif Pro
- Helvetica Neue – Roboto or Bekerja Sans
- Whitney – Catamaran or Belakang
- Gotham – montserrat
- Tisa Serif – PT Serif
- Lempengan Museo – Lempengan Zilla or Roboto Slab
- optimal – Gudang senjata
- Sarjana – Sumber Serif
- Huruf Gotik – Fira Mono
- Segoe UI – Buka sans
- masa depan – Muli
- Gibson – Tidak, tidak
- Zona Pro – Poppins
- antek – Teks Merah
- Mostra Nuova – Josefin Sans
- Geogrotesque – Armata
- Baskerville – Gratis Baskerville
- Penjaga – Domine
- Neuzeit – Belakang
- Penggiling – Abril Fatface