whycomputer.com >> Rangkaian komputer >  >> Internet

Cara Membuat Blog Tumblr Anda Menampilkan Font Hebat

Jika anda menggunakan Tumblr, anda mungkin pernah melihat blog dengan font dan kesan menarik. Ada dua cara untuk menambah font hebat pada blog anda: 1) memasang tema yang sudah mengandungi font pilihan anda, atau 2) menyisipkan kod ke dalam tema HTML yang merujuk kepada font yang anda kehendaki. Selepas menambah rujukan, ubah atribut font-family bagi setiap elemen tema.

Tumblr Themes

Pilih dari ratusan tema percuma dan berbayar terus melalui menu Customize. Buka papan pemuka blog, klik tab Customize untuk membuka mod Edit dengan panel Customize di sisi kiri. Klik pautan Browse Themes untuk membuka Theme Garden. Gunakan anak panah bawah untuk menyaring kategori seperti Minimal, atau cari nama tema tertentu dengan ikon carian.

Apabila anda menemui tema yang anda sukai, klik tema tersebut lalu klik Use di panel Customize untuk menetapkannya kepada blog anda. Lihat pratinjau dalam panel Preview, kemudian klik Save untuk menyimpan perubahan.

Custom Themes

Jika anda seorang pemaju berpengalaman, anda boleh mencipta tema HTML tersuai. Tumblr menyediakan panduan pembinaan tema tersuai (tautan dalam Resources). Reka tema anda dengan font yang dikehendaki, kemudian terapkan kepada blog. Buka tema dalam mod Edit, pilih Edit HTML, hapuskan semua kod HTML sedia ada, dan tampal kod tersuai anda. Simpan perubahan.

Untuk kembali ke versi sebelumnya atau tema asal Tumblr, gunakan Alat Pemulihan Tema Tumblr dalam pelayar (lihat Resources) dan klik Revert di sebelah versi tema.

Edit Font Family

Ubah atribut font-family bagi setiap elemen tema. Buka tema dalam mod Edit dengan panel Customize. Klik Edit HTML, tekan Ctrl-F untuk membuka dialog Cari & Gantikan. Masukkan font-family di kotak Cari, kemudiannya ubah nama keluarga fon bagi elemen yang dikehendaki. Contohnya, untuk menukar fon tajuk blog, cari atribut font-family bagi pembolehubah .blogtitle dan gantikannya. Klik Update Preview untuk melihat perubahan sebelum Save.

Custom Fonts

Pasang fon tersuai yang tidak disokong secara lalai oleh Tumblr dengan menyisipkan rujukan fon di antara tag <head> dan </head>. Google menyediakan Google Fonts, perkhidmatan yang menempatkan fon yang boleh dihotlink dari tema anda. Dengan memanfaatkan fon host, anda boleh menggunakan fon yang tidak tersedia di platform Tumblr. Sumber fon terletak di pelayan host.

Untuk menggunakan Google Fonts atau laman serupa, buka laman tersebut di pelayar dan pilih fon yang anda kehendaki. Dapatkan kod rujukan HTML. Di Google Fonts, klik butang Quick Use untuk fon terpilih, kemudian salin kod ke papan keratan.

Kod HTML akan kelihatan seperti:

<link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>

Masukkan rujukan di atas ke dalam bahagian <head> tema anda. Perhatikan nilai atribut family=, kerana ia akan menggantikan semua entri font-family sedia ada. Dalam contoh ini, ubah semua font-family kepada Audiowide dalam tema Tumblr anda. Simpan tema dan tutup editor.

Pertimbangan

Walaupun Tumblr menyokong pengubahsuaian fon dalam tema, anda tidak boleh menggunakan fon berbeza dalam pos blog. Platform ini menghapuskan kebanyakan kod HTML dan CSS daripada pos sebelum diterbitkan. Anda boleh ubah atribut font-family bagi pembolehubah pos dalam tema, yang akan menukar semua teks dalam semua pos kepada keluarga fon yang dikehendaki.


URL:https://ms.whycomputer.com/internet/1015019110.html

Internet
  • Cara Membuat Tema Tumblr dengan Dreamweaver

    Selamat datang ke panduan ringkas membangunkan sendiri tema Tumblr anda menggunakan Dreamweaver. Walaupun Tumblr menyediakan susun atur lalai, anda boleh menyesuaikannya dengan mengubah CSS yang sedia ada. Langkah 1 Log masuk ke akaun Tumblr anda lalu buka halaman Upload a Static File. Klik butan

  • Buat Halaman Tumblr Anda Menakjubkan

    Reka Bentuk Dalam Masa Sebenar Tekan butang “Configure” di Dashboard Tumblr anda dan akan terbuka halaman Customise Theme. Di panel kiri, anda boleh mengubah suai penampilan laman anda dan lihat perubahan secara langsung di panel preview. Contohnya, klik “Background” untuk memilih warna latar belaka

  • Cara Menambah Tajuk pada Pautan di Tumblr

    Link Automatik di TemaMajoriti tema Tumblr membolehkan penambahan pautan automatik ke laman statik dan URL luar dalam menu navigasi. Di dalam halaman penyesuaian blog, klik ikon gear, pilih blog, dan tekan Customize. Pilih + Add a Page untuk membuat laman statik atau pilih tab laman sedia ada lalu h

Rangkaian komputer © https://ms.whycomputer.com