EN
Mencari...

Fon Laman Web

Tetapan Gaya Teks Laman Web dalam Pixpa membolehkan anda mengawal tipografi di seluruh laman web anda. Daripada tajuk dan tajuk hingga teks isi dan penerangan, anda boleh menyesuaikan gaya fon, saiz dan jarak agar sepadan dengan identiti visual jenama anda.

Pixpa menyokong lebih 300 fon daripada repositori Google Fonts, berserta pilihan fon berlesen OFL yang boleh anda gunakan secara bebas. Dengan melaraskan gaya teks anda, anda boleh memastikan konsistensi dan meningkatkan kebolehbacaan merentasi semua halaman laman web anda.

Dalam artikel ini:

  1. Set Font Semasa
  2. Pratetap Fon
  3. Suntingan Lanjutan
  4. Tetapkan Semula Tetapan Tersuai
  5. Fon alternatif daripada Google

Anda boleh mengurus fon untuk laman web anda daripada bahagian Reka Bentuk (1).

Sebaik sahaja anda berada di bahagian Reka Bentuk, klik pada tab Fon (2).

Set Font Semasa

  • Yang dipilih Pratetap fon (1) akan dipaparkan di sini.
  • Anda boleh menyesuaikan Tajuk (2) dan Perenggan (3) fon untuk pratetap yang dipilih.

Nota: Setelah membuat pelarasan tersuai pada Pilihan Palet Warna atau Edit Lanjutan, anda akan melihat butang 'Diubah Suai' (4).

  • Teks atas (5) mewakili fon Tajuk.
  • Teks yang lebih rendah (6) mewakili fon Perenggan.

Nota:

  • Menukar fon Tajuk akan mempengaruhi Tajuk Tapak dan item Menu juga.
  • Menukar fon Perenggan akan mempengaruhi Butang, Galeri (Tajuk Imej) dan teks Pengaki juga.

Pratetap Fon

Pratetap Fon ialah gabungan pratakrif jenis fon, saiz fon, jarak huruf dan tetapan tipografi lain yang boleh digunakan pada teks di tapak web keseluruhan.

  • Anda boleh menukar fon secara global dengan mudah dengan memilih mana-mana Pratetap fon (1).
  • Saring (2) senarai dengan memilih pratetap Semua, Serif, Sans Serif atau Campuran. Sebaik sahaja anda memilih penapis, anda akan melihat pratetap yang berkaitan sahaja.
  • Untuk memilih a Pratetap fon (3), anda hanya perlu klik padanya dan Publish (4) perubahan.

  • Tatal ke bahagian bawah senarai fon untuk mengakses dan memilih daripada yang tersedia Fon OFL.

Suntingan Lanjutan

Dari sini, anda boleh mengatasi tetapan pratetap dan mengurus fon untuk semua elemen tapak web anda secara manual.

Anda akan melihat pilihan berikut di sini:

Tajuk laman

Ia adalah tajuk tapak web anda yang bertindak sebagai teks logo jika logo utama tidak tersedia.

Dari sini anda boleh:

  1. Fon - Pilih fon untuk tajuk tapak anda.
  2. Berat - Pilih berat fon untuk tajuk tapak anda.
  3. Saiz – Desktop – Tentukan saiz teks untuk tajuk tapak anda pada desktop.
  4. Saiz – Mudah Alih – Tentukan saiz teks untuk tajuk tapak anda pada mudah alih.
  5. Jarak Huruf – Tetapkan ruang antara huruf dalam tajuk tapak.

Menu Tajuk

Ia ialah koleksi halaman, pautan, folder, galeri, dsb. yang membolehkan pengguna bergerak antara bahagian yang berbeza pada tapak web.

Dari sini , anda boleh menyesuaikan:

    1. Fon - Tentukan fon untuk pautan menu.
    2. Berat - Pilih berat fon untuk pautan menu.
    3. Saiz - Tentukan saiz teks untuk pautan menu.
    4. Jarak Huruf – Tetapkan ruang antara huruf dalam pautan menu.

    1. Fon - Tentukan fon untuk pautan menu lungsur anda.
    2. Berat - Pilih berat fon untuk pautan menu lungsur.
    3. Saiz - Tentukan saiz teks untuk pautan menu lungsur turun.
    4. Jarak Huruf – Tetapkan ruang antara huruf dalam pautan menu lungsur turun.

Tajuk

Teg tajuk adalah penting kerana ia membantu menstruktur kandungan, meningkatkan SEO, meningkatkan kebolehcapaian dan kebolehbacaan. Terdapat empat jenis teg Tajuk yang Pixpa sediakan. Ia adalah Tajuk (H1), Tajuk (H2), Tajuk (H3), dan Tajuk (H4).

Dari sini anda boleh:

  1. Fon - Nyatakan gaya fon untuk tajuk (H1).
  2. Berat - Pilih berat fon untuk tajuk (H1).
  3. Saiz – Desktop – Tentukan saiz fon tajuk (H1) untuk desktop.
  4. Saiz – Mudah Alih – Tentukan saiz fon tajuk (H1) untuk mudah alih.
  5. Ketinggian Garisan – Nyatakan ketinggian baris fon untuk tajuk (H1) (dinyatakan dalam sebutan em).
  6. Jarak Huruf – Nyatakan ruang antara huruf teks tajuk (H1) (dinyatakan dalam sebutan em).

Nota: Sama seperti Tajuk (H1), anda boleh menyesuaikan tetapan untuk gaya fon H2, H3 dan H4.

Pelapisan Teks (Tajuk)

  • Tajuk – Tentukan padding untuk tajuk di tapak web anda.

Perenggan

Ia digunakan untuk menentukan dan menyusun blok teks sebagai perenggan. Ini biasanya digunakan untuk penerangan, tajuk imej, kapsyen, teks pengaki, dsb.

Dari sini anda boleh:

  1. Fon - Pilih gaya fon untuk semua teks perenggan (biasa, kecil dan besar).
  2. Berat - Pilih berat fon untuk semua teks perenggan.
  3. P (Biasa) – Desktop – Pilih saiz fon Normal semua teks perenggan untuk desktop.
  4. P (Biasa) – Mudah Alih – Pilih saiz fon Normal semua teks perenggan untuk mudah alih.
  5. P (Kecil) – Desktop – Pilih saiz fon yang lebih kecil (kurang daripada P (Biasa)) bagi semua teks perenggan untuk desktop.
  6. P (Kecil) – Mudah Alih – Pilih saiz fon yang lebih kecil (kurang daripada P (Biasa)) bagi semua teks perenggan untuk mudah alih.
  7. P (Besar) – Desktop – Pilih saiz fon yang lebih besar (lebih besar daripada P (Biasa)) bagi semua teks perenggan untuk desktop.
  8. P (Besar) – Mudah Alih – Pilih saiz fon yang lebih besar (lebih besar daripada P (Biasa)) bagi semua teks perenggan untuk mudah alih.
  9. Ketinggian Garisan – Tentukan ketinggian baris fon untuk teks perenggan (dinyatakan dari segi em).
  10. Jarak Huruf – Nyatakan ruang antara huruf teks perenggan (dinyatakan dari segi em).

Pelapisan Teks (Perenggan)

Perenggan – Tentukan pelapik untuk perenggan di laman web anda.

Butang

Butang ialah elemen yang anda boleh klik atau ketik untuk melakukan tindakan tertentu, seperti menyerahkan borang atau menavigasi ke halaman lain.

Dari sini anda boleh:

  1. Fon - Anda boleh memilih fon untuk teks butang dari sini.
  2. Berat - Tetapkan berat fon untuk teks butang dari sini. Anda boleh memilih antara biasa, ringan dan tebal.
  3. Saiz (Besar) - Tetapkan saiz fon yang besar untuk butang.
  4. Saiz (Sederhana) – Tetapkan saiz fon sederhana untuk butang.
  5. Saiz (Kecil) - Tetapkan saiz fon kecil untuk butang.
  6. Jarak Huruf – Tetapkan ruang antara huruf teks butang dari sini (dinyatakan dalam em).

Ini adalah teks yang muncul di bahagian bawah laman web seperti maklumat Hak Cipta, penafian, dll. Tetapan Teks Pengaki membolehkan anda menyesuaikan rupa teks di pengaki laman web anda.

  1. Fon - Tentukan gaya fon untuk teks pengaki.
  2. Berat - Tetapkan berat fon untuk teks pengaki dari sini. Anda boleh memilih antara biasa, ringan dan tebal.
  3. Saiz Teks – Tentukan saiz fon untuk teks pengaki.
  4. Saiz Menu – Tetapkan saiz fon untuk item menu pengaki.
  5. Saiz Tajuk Tapak (Desktop) – Laraskan saiz tajuk tapak pengaki apabila dilihat pada desktop.
  6. Saiz Tajuk Tapak (Mudah Alih) – Laraskan saiz tajuk tapak pengaki apabila dilihat pada peranti mudah alih.
  7. Jarak Huruf – Nyatakan ruang antara huruf untuk teks pengaki (diukur dalam em).

Lain-lain

Ini adalah beberapa penyesuaian lain di bawah tetapan Fon. Dari sini anda boleh:

Ini digunakan apabila anda memilih untuk menunjukkan tajuk imej pada tuding.

    1. Fon Tuding – Anda boleh memilih fon untuk teks tajuk Imej pada tuding dari sini.
    2. Berat Hover – Tetapkan berat fon untuk teks tajuk Imej dari sini. Anda boleh memilih antara biasa, ringan dan tebal.
    3. Saiz Tuding - Tetapkan saiz teks tajuk Imej pada tuding dari sini.
    4. Jarak Huruf – Tetapkan ruang antara huruf teks tajuk Imej dari sini (dinyatakan dalam em).

Tetapkan Semula Tetapan Tersuai

Anda boleh menetapkan semula tetapan fon kepada lalai dengan mudah jika anda telah membuat perubahan pada set fon dengan mengeditnya atau jika anda telah menyesuaikan tetapan fon daripada Edit Lanjutan.

Anda akan melihat butang Diubah suai. Tuding kursor pada butang, ia akan bertukar kepada Tetapkan Semula. Anda boleh menetapkan semula perubahan kepada asal dari sini.

Fon alternatif daripada Google

Berikut adalah beberapa fon Google alternatif untuk beberapa fon popular :

  • Brandon Grotesque - Josefin Sans
  • Sofia Pro – Poppins
  • Avenir – Lato or prompt
  • Proxima Nova - montserrat or Roboto
  • Proxima Lembut – nunito
  • DIN – Barlow
  • Piagam - Sumber Serif Pro
  • Helvetica Neue – Roboto or Kerja Sans
  • Whitney - Catamaran or Hind
  • Gotham - montserrat
  • Tisa Serif – EN serif
  • Papak Museo - Papak Zilla or Roboto Slab
  • Optima - Arsenal
  • Skolar – Sumber Serif
  • Huruf Gothic - Fira Mono
  • Segoe UI – Buka sans
  • Futura – Berbilang
  • Gibson - Noto sans
  • Zona Pro – Poppins
  • Minion - Teks Crimson
  • Mostra Nuova – Josefin Sans
  • Geogrotesque - Armata
  • Baskerville – Percuma Baskerville
  • Sentinel – Domine
  • Neuzeit – Hind
  • Miller – Abril Fatface
Tagged:

Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.

Hubungi Kami
Pixpa Studio baru sahaja diubah suai. Kami sedang mengemas kini semua tangkapan skrin artikel bantuan pada masa ini.