Mereka dapat diunduh sebagai plugin Supreme Google Web font, yang paling nyaman dalam hal ini. Setelah menambahkan plugin ke panel admin, panel pemilihan font ditambahkan ke menu editor visual. Ini sangat nyaman, karena tidak diperlukan instalasi font dan tidak aktivasi tambahan. Setelah masuk editor visual daftar font akan muncul, administrator akan dapat memformat teks dengan yang sama dengan cara yang sederhana, seperti pada editor teks, memilih fragmen yang diinginkan dan menetapkannya tipe tertentu. Teks akan ditulis dalam font yang dipilih.

Pada artikel kali ini kami ingin membahas 10 orang terkenal font Google, yang mendukung alfabet Sirilik dan tersedia untuk diunduh ke panel admin situs mana pun. Ini jauh dari yang terbaik font populer, tapi masing-masing tentu patut Anda perhatikan. Dengan memilih salah satu font asli tersebut, Anda dapat melakukan diversifikasi desain teks halaman web Anda.

Salah satu font tersebut adalah Roboto. Ini adalah jenis font yang cukup menarik. Huruf-huruf tersebut menciptakan garis luar yang menarik yang membuat blok teks dengan tekstur halus. Font ini cukup mudah dibaca, dan pada headernya terdapat detail menarik yang langsung menarik perhatian pengguna.

Buka San

Font lainnya adalah Open Sans. Font ini tersedia untuk diunduh gratis di situs web Google Web Fonts. Nama font ini akan terdengar benar dengan penekanan pada suku kata terakhir. Font ini cocok untuk disorot frase kunci dalam teks, membuat judul, judul bagian.

Oswald adalah font Sirilik terkenal lainnya. Saat ini font ini cukup sering digunakan. Ini cukup mudah dibaca dan terlihat bagus dalam format besar dan kecil.

Sumber Sans Pro

Merupakan jenis font modern yang memberikan kesan desain futuristik namun tetap terlihat cukup elegan. Source Sans Pro terlihat cukup organik, dapat digunakan dalam bagian teks dan artikel besar.

Font Sirilik Merriweather - tipe biasa font. Sebagian besar karakter dalam font ini ditampilkan dengan sempurna di monitor LCD. Dalam hal saturasi, font ini sangat bagus.

Buka Tanpa Kental

Font Open Sans Condensed adalah font dari keluarga font Cyrillic. Menarik, mudah dibaca, sempurna.

Laura

Lora adalah Font Google Sirilik lainnya. Menampilkan kontras unik antara tebal dan elemen tipis dalam kerangka huruf. Font ini bisa disebut sangat feminin. Font ini juga tersedia untuk diunduh gratis dan disajikan dalam gaya yang sama.

Nama font Ubuntu yang ambigu masih belum bisa berarti bahwa font ini buruk. Fontnya menarik dan disajikan dalam gaya yang konsisten.

Ekso 2

Exo 2 adalah font Cyrillic lain yang sangat menarik. Ini memiliki sebanyak 18 gaya, dan karenanya dapat digunakan hampir di mana saja.

Lobster adalah jenis font miring. Lengkungan huruf-huruf yang indah menyatu untuk menciptakan garis tepi yang menarik perhatian. Bentuk huruf yang membulat memungkinkan Anda membuat blok teks dengan tekstur yang halus. Pada bagian teks yang kecil, font ini cukup mudah dibaca, dan pada headernya terdapat detail menarik yang langsung menarik perhatian pengguna.

Kami berharap ini ulasan singkat akan berguna bagi Anda jika topik pemilihan font untuk desain relevan bagi Anda konten teks situs web Anda.

Google Fonts adalah salah satu arsip terbesar dengan ratusan tipografi. Mengingat sifatnya yang universal dan ketersediaannya yang universal, hampir semua kegunaannya hilang font biasa bawaan. Dengan menggunakan layanan ini, Anda dapat menerapkan berbagai contoh non-standar.

Pada artikel ini Anda akan menemukan pilihan 10 Google Font gratis yang ideal untuk header situs web. Mereka dipasang di banyak proyek web di seluruh dunia. Materinya merupakan terjemahan catatan ini dari Jake Rocheleau.

Jika Anda tidak yakin bagaimana tepatnya menghubungkan fungsi ini, Anda dapat melihat postingan tentang - ada beberapa contoh di sana.

1. Montserrat

Karena variasi tebal sangat gelap, Catamaran sebaiknya hanya digunakan pada judul dengan ukuran besar. Kelihatannya bagus dalam hampir semua hal, tetapi terkadang fontnya terasa terlalu berat dan padat.

7. PT Sans

Jika Anda menggunakan CMS WordPress di proyek web Anda, kami sarankan membaca artikel tentang menghubungkan font di WordPress, yang juga membahas metode dengan Google Fonts.

Halo, para pembaca situs blog yang budiman. Hari ini saya ingin menulis catatan singkat tentang bagaimana Anda dapat memperluas daftar font untuk situs tersebut, yang penggunaannya tidak akan menyebabkan masalah apa pun dengan tampilan di browser pengguna yang menggunakan layanan ini. Google Font.

Secara default, saat mendesain, Anda hanya dapat menggunakan font yang mungkin akan dipasang di komputer semua pengunjung Anda, namun terkadang Anda ingin menggunakan sesuatu yang lebih indah.

Seperti diketahui, ditetapkan standar, didukung oleh browser apa pun, terdiri dari Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New, Comic Sans MS dan beberapa opsi lainnya yang sudah diinstal sebelumnya di hampir semua sistem operasi komputer pengguna. Lagi informasi rinci untuk OS yang berbeda Anda dapat mencari.

Font dari layanan online untuk komputer dan situs web

Pada umumnya, Anda, sebagai seorang webmaster, dapat memiliki dua cara utama untuk menggunakan font - menginstalnya di komputer Anda, serta menggunakannya di situs web Anda. Secara default, Windows sudah memiliki jumlah yang cukup, tetapi Anda bebas menambahkannya sendiri, dan program yang Anda instal juga berkontribusi untuk melengkapi daftar ini.

Suatu kali saya membantu seorang teman memahami seluk-beluknya literasi komputer dan memperhatikan bahwa semuanya ditampilkan di hasil Yandex font miring. Hal ini dianggap cukup sulit, namun dia meyakinkan saya bahwa dia cukup terbiasa dengan aib seperti itu dan bahkan bangga karena entah bagaimana dia berhasil melakukan hal ini.

Mengubah browser tidak mengubah situasi saat ini dan saya pikir, kemungkinan besar, masalahnya ada pada font. Untuk melakukan ini, saya masuk ke pengaturannya dengan memilih item dengan nama yang sama di "Panel Kontrol" Windows (biasanya ada di menu tombol "Start"). Meskipun Anda bisa melalui Explorer ke folder C:WINDOWSFonts.

Nah, pikiran teman saya yang sangat ingin tahu karena suatu alasan menyarankan dia untuk menghapus Arial Normal, alih-alih Arial Italic yang tersisa di sistem dimuat untuk keluaran Yandex. Situasi ini dapat diperbaiki hanya dengan mengunduh font yang diinginkan dari Internet dan menginstalnya dengan cara standar.

Untuk mendownload font biasanya saya menggunakan layanan online Xfont.ru, jika tersedia indeks alfabet dan bilah pencarian (bagi mereka yang datang untuk membaca tentang Google Font, gulir halamannya sedikit ke bawah atau tunggu sebentar sementara saya memberi tahu Anda dasar-dasarnya).

Sebenarnya, gunakan pencarian di Xfont dan buka halaman dengan font yang Anda butuhkan, lalu klik tombol Download. Dalam hal ini, Anda menerima file yang siap untuk instalasi. Biasanya mereka memiliki ekstensi .ttf (TrueType - nyaman karena terlihat sama di layar dan saat dicetak), atau .otf (OpenType), atau .fon.

Sekarang, melalui Explorer atau Control Panel, buka folder Fonts (C: WINDOWSFonts) dan klik klik kanan tikus oleh ruang kosong. Dari menu konteks Anda harus memilih item terendah "Pasang font".

Nah, di jendela yang terbuka, temukan file yang baru saja Anda unduh, pilih dan klik tombol “Instal”:

Sebenarnya, itu saja. Tekan F5 untuk menyegarkan daftar di folder Font dan Anda akan melihat pemula. Untuk membuatnya muncul di program Anda seperti Word atau Photoshop, Anda tidak perlu melakukan apa pun tambahan, kecuali mungkin memuat ulang program ini jika program tersebut terbuka pada saat menginstal font. Secara umum, seharusnya tidak ada kesulitan dengan masalah ini - unduh, instal, dan Anda dapat menggunakannya.

Ketika Anda perlu menemukan headset yang cocok (tidak peduli untuk proyek Internet Anda atau untuk komputer), kemungkinan besar Anda akan mencarinya di beberapa layanan daring x, yang banyak terdapat di Internet, dan masalah khusus ini tidak akan terjadi. Kesulitan justru muncul dengan memasang font ke situs web dan di sinilah Google Font berguna.

Itu. Masalah penggunaan font indah apa pun yang Anda suka di situs web terutama bergantung pada ada atau tidaknya font tersebut di komputer pengguna yang melihat sumber daya Anda. Pada prinsipnya permasalahan tersebut dapat diselesaikan dengan tambahan sederhana perekrutan pilihan alternatif dalam berkas gaya CSS(dicantumkan dipisahkan dengan koma).

Misalnya, jika Anda menentukan file dalam tabel gaya berjenjang untuk bagian teks tertentu, font tertentu yang mungkin tidak ada di komputer bagian tertentu dari pengguna yang melihat sumber daya Anda, lalu tambahkan beberapa opsi lagi yang dipisahkan dengan koma, yang akan digunakan jika yang diperlukan tidak tersedia:

Keluarga font: Arial, Helvetica, sans-serif;

Font juga dapat ditulis sebagai aturan prefabrikasi, misalnya seperti ini:

Jenis huruf: tebal 11px Arial, Helvetica, sans-serif;

Dalam kedua kasus tersebut, jika Arial tidak diinstal pada komputer pengguna (dan ini terjadi), Arial akan digunakan untuk menampilkan daerah yang diinginkan Teks Helvetica, dan jika tidak tersedia di komputer pengunjung, maka salah satu dari keluarga Sans Serif (sans serif) ditemukan di antara font yang diinstal pengunjung ini ke sumber daya Anda.

Namun hal ini sebagian besar masih berupa kompromi. Namun, situasi tanpa harapan tidak terjadi, dan di sini layanan online yang relatif baru muncul dari Google () yang kita semua hormati dan cintai hadir.

Raksasa ini telah mengumumkan solusinya sendiri yang memungkinkan Anda memperluas kumpulan font online yang indah (termasuk bahasa Rusia, yaitu Sirilik), yang dapat digunakan tanpa masalah dan tanpa takut salah ditampilkan di browser pengguna. Sekarang pelayanan mukjizat ini menyandang nama yang membanggakan Google Font.

Izinkan saya menjelaskan kepada Anda terlebih dahulu ide umum yang diusulkan dan diterapkan oleh Google, dan kemudian kita akan melihat semuanya secara detail. Jadi, pemimpin pencarian dunia ini telah menciptakan layanan online khusus di mana Anda dapat memilih font yang paling Anda sukai (jumlah font yang tersedia terus bertambah dan di antaranya sudah ada font Cyrillic dalam jumlah yang cukup untuk dipilih).

Di sana Anda bisa mendapatkan semua instruksi untuk menghubungkan font apa pun yang Anda suka (semuanya sangat sederhana sampai pada titik banalitas), dan Anda juga akan ditawari beberapa opsi untuk menghubungkannya ke situs dan set lengkap Properti CSS yang hanya perlu ditambahkan ke file markup gaya.

Tapi bagaimana font tersebut akan dilampirkan ke situs? Ya, tentu saja akan dimuat sesuai kebutuhan Server Google. Google sangat besar kapasitas teknis dan Anda dapat yakin bahwa tidak akan ada penundaan pemuatan.

Apalagi jika pengguna sudah mengunjungi sumber daya yang digunakannya API Font Google, maka font yang diperlukan kemungkinan besar sudah ada di cache browsernya.

Google Font API sendiri benar-benar gratis dan berkembang secara dinamis menuju peningkatan jumlah font yang indah, tidak biasa, dan berseni yang didukung yang didistribusikan di bawah lisensi gratis, dan dengan sendirinya metode ini koneksi mereka ke situs akan bersifat lintas-browser secara default.

Dengan menggunakan tautan pertama yang dilingkari di tangkapan layar, Anda dapat membiasakan diri dengan prinsip-prinsip operasi, dan yang kedua akan membawa Anda, sebenarnya, ke tempat yang Anda perlukan - ke gudang font online yang dapat Anda lampirkan ke proyek Anda , atau, jika diinginkan, instal di komputer Anda.

Google Font - Font Rusia untuk komputer dan kode untuk situs

Pertama, Anda bisa pergi ke halaman tersebut font Google, di mana diberikan dalam bentuk visual semuanya memiliki opsi font tidak hanya untuk situs, tetapi juga untuk komputer Anda, jika Anda tiba-tiba ingin menggunakannya. Untuk melihat opsi Sirilik yang tersedia, buka tab yang sesuai dari menu sebelah kiri:

Sudah ada cukup banyak font Rusia di sana (sekitar lima lusin), tetapi masalah sudah mulai terjadi. Saya rasa seiring berjalannya waktu Anda akan memiliki banyak pilihan, meskipun rangkaian opsi Latin di Google Font sudah mengesankan (lebih dari enam ratus).

Secara default, untuk setiap font yang disajikan di sana, satu baris teks yang dicetak menggunakannya ditampilkan sehingga Anda dapat mengevaluasi gayanya. Namun, Anda akan dapat melihat paragraf teks yang mereka ketik dan satu kata - semua ini dipilih menggunakan tab yang terletak di bagian atas:

Jika Anda ingin menambahkan beberapa font Rusia ke komputer Anda, lalu Anda perlu mengklik tombol biru yang terletak di bawahnya agar mereka bisa masuk ke koleksi Anda. Setelah Anda menambahkan semua hal menarik, klik tombol berbentuk panah ke bawah yang terletak di sudut kanan atas:

Akibatnya, sebuah jendela akan terbuka di mana Anda dapat mengunduh semua font Rusia (atau Latin, tetapi yang terpenting, cantik) pilihan Anda, dikemas menjadi satu Arsip zip. Di komputer Anda, Anda akan membongkarnya dan menginstalnya sesuai dengan algoritma yang dijelaskan di atas.

Mereka juga menawarkan Anda untuk mengunduh program untuk bekerja dengan font dari Gul yang disebut SkyFonts, tapi saya sangat meragukan nilai khususnya.

Seperti yang saya katakan di atas, semua kemegahan ini dapat dilampirkan ke website Anda. Bayangkan bagaimana proyek Anda akan menonjol jika judulnya ditampilkan font tulisan tangan atau berbeda dalam beberapa hal dari standar Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New atau Comic Sans MS. Bagaimanapun, ini patut dicoba.

Satu-satunya "tetapi". Semakin banyak font yang indah Anda ingin terhubung ke situs Anda menggunakan layanan Google ini, semakin besar dampaknya terhadap kecepatan membuka halaman Anda. Moderasi harus diperhatikan dalam hal ini, dan proyek akan terlihat terlalu kikuk.

Sebenarnya, Google Font pasti akan memperingatkan Anda juga dalam jumlah besar headset yang terhubung. Jadi, hapus dulu semuanya, apa yang Anda tambahkan ke koleksi Anda saat mengunduh dan menginstal mahakarya ini di komputer Anda (lihat tangkapan layar di bawah).

Kemudian sekali lagi telusuri daftar font Sirilik dengan hati-hati dan tambahkan ke koleksi hanya font yang sebenarnya ingin terhubung dan menggunakannya di situs web Anda. Anda tentu saja dapat mencoba dan menambahkan banyak koleksi untuk mengevaluasi tampilannya langsung di halaman proyek, tetapi pastikan untuk kembali ke Google Font dan menghapus kelebihannya.

Jadi, koleksinya lengkap. Sekarang klik tombol “GUNAKAN” di sudut kanan bawah:

Saya akan segera membuat reservasi bahwa jika Anda hanya membutuhkan satu font dari layanan online ini, maka Anda tidak perlu menambahkannya ke koleksi, tetapi cukup klik tombol yang ditunjukkan pada tangkapan layar. Tapi itu tidak masalah, karena jendela yang sama akan terbuka.

Pada langkah pertama wizard, Anda akan diperlihatkan semua font indah yang telah ditambahkan ke koleksi (atau hanya satu, jika Anda tidak membuat koleksi).

Untuk masing-masingnya, Anda juga dapat mencentang kotak agar gaya miring, tebal, dan gaya lainnya dimuat. Meskipun sebenarnya hal ini tidak layak dilakukan, karena semua ini dapat diatur di komputer Anda dalam dua klik berkas CSS dan jangan memuat. Cukup centang kotak Normal dan selesai, lakukan sisanya sendiri.

Tentu saja, semakin banyak font yang ingin Anda sambungkan ke situs dan lagi pilihan, centang kotak, semakin kurang tangkas halaman proyek Anda. Hebatnya, Google Font dengan jujur ​​​​memperingatkan kita tentang hal ini dan dengan jelas menunjukkannya kepada kita dalam formulir sensor beban per halaman, terletak di sebelah kanan.

Dalam contoh saya, saya meninggalkan zona nyaman dengan memuat semua font yang saya pilih tanpa terasa. Anda mungkin sebaiknya tidak melakukan itu. Oke, mari kita gulir ke bawah halaman dan pada langkah kedua kita memilih bahasa mana yang kita perlukan (menurut saya perlu diperhatikan alfabet Latin atau Sirilik, atau satu opsi bahasa Rusia saja sudah cukup). Harap dicatat bahwa panah pengukur beban juga bereaksi terhadap kotak centang ini.

1. Yang paling jelas adalah yang pertama, yang diimplementasikan menggunakan (hyperlink layanan). Ini harus dimasukkan ke dalam templat sumber daya Anda di area antara tag HeadAD pembuka dan penutup (baca detailnya di bawah).
2. Opsi kedua menyarankan penggunaan arahan, yang perlu ditambahkan ke arahan Anda file gaya. Secara umum cara ini sudah modern dan Anda dapat melihat pada link yang tersedia contoh yang jelas menggunakan @import kapan tata letak blok tata letak paling sederhana.
3. Opsi ketiga mengundang Anda untuk menggunakan kode JavaScript, yang lagi-lagi dapat disisipkan ke area antara tag HeaD pembuka dan penutup, atau ditempatkan di file terpisah scripts.js, jika Anda tahu apa yang saya bicarakan. Dalam serangkaian artikel tentang saya menulis yang satu itu file bersama gaya akan sangat membantu.

Nah, pada langkah keempat mereka akan memberi tahu Anda bagaimana Anda dapat menetapkan tampilan menggunakan font tertentu ke bagian teks tertentu, judul, atau elemen lainnya. Ini dilakukan secara alami dengan menggunakan CSS properti font-family atau aturan font prefabrikasi sesuai dengan aturan yang dijelaskan dalam artikel di atas.

Saya sangat menyarankan Anda untuk membiasakan diri dengannya, karena saya mencoba mengunyah semua yang ada di sana hingga sangat mudah dicerna. Nah, untuk memahami dengan tepat cara menentukan elemen yang akan dihubungkan dengan font ini, Anda tidak dapat melakukannya tanpa penyeleksi. Tahukah kamu apa ini? Jika tidak, rangkaian artikel ini diharapkan dapat memberikan kejelasan yang diperlukan:

Saat menentukan font, tunjukkan ukurannya unit yang berbeda pengukuran, jadi mungkin tidak ada salahnya Anda mengenalnya (jika Anda mau, tentu saja) -.

Untuk eksperimen cepat Saya menyarankan Anda untuk mencoba menggunakan , yang harus Anda masukkan ke dalamnya tanda yang diperlukan. Misalnya, saya memasukkannya ke dalam kode salah satu judul artikel ini dan menyertakan di dalamnya properti yang diusulkan di Google Font CSS:

Teks header, tempat kita mengubah font dengan cepat

Dan, tentu saja, saya menghubungkan font online yang diperlukan (Stalinis One) dengan menambahkan baris:

ke file header.php dari folder dengan tema saya, tempat saya berada saat ini Saya menggunakannya di blog WordPress saya. Hasilnya, setelah memuat ulang halaman, salah satu subjudulnya tampak seperti ini:

Namun, sekarang saya telah menghapus hyperlink layanan Link dari file header.php, namun judul setelah paragraf ini masih menggunakan font “Stalinis One” yang dimuat dari Google Font. Bagaimana ini bisa terjadi? Saya baru saja menyisipkan Tautan ini di awal artikel - tidak ditampilkan sama sekali dalam teks, tetapi font yang diperlukan dari Google dimuat secara teratur. Dan saya juga menambahkan kemiringan melalui font-style.

Jadi font Google dapat digunakan secara lokal, dan tidak untuk semua halaman proyek.

Bagaimana cara memasang font online yang indah di situs web?

Jadi, untuk menambahkan font baru diambil dari Google Font ke situs, pertama-tama Anda harus terhubung ke sumber daya Anda melalui FTP, misalnya menggunakan FileZilla, yang saya gunakan sendiri. Dalam artikel tentang pengelola FTP ini, di bagian akhir saya menambahkan cara untuk membuatnya benar-benar aman dalam hal .

Jika Anda menggunakan Zila, maka jangan penasaran untuk meningkatkan keamanannya, karena karena kecerobohan saya, mereka berhasil menanam virus di komputer saya, yang dan hampir semua proyek saya menderita pada tingkat tertentu karena diperkenalkan. malware, yang saya geluti sekitar enam bulan?

Untuk blog di WordPress Anda perlu membuka file Header.php untuk diedit dari folder dengan tema WordPress yang Anda gunakan, baca tentang tujuan dari template. Anda dapat menemukannya dengan cara ini:

Wp-konten/tema/judul Tema WordPress

Semoga beruntung untukmu! Ke sampai berjumpa lagi di halaman situs blog

Anda dapat menonton lebih banyak video dengan mengunjungi

Anda mungkin tertarik

Google telah membuat koleksi font web terbuka.
Pada bantuan Google API Font Anda mendapatkan akses gratis ke sana, yang memungkinkan untuk menambahkan font web dengan mudah ke situs Anda. Ini akan memakan waktu tidak lebih dari 15 detik! Sepenuhnya gratis, Anda mendapatkan akses ke gudang font yang sangat besar.

Di antara kelebihannya:

● banyak pilihan font web berkualitas tinggi untuk halaman mana pun.
● dukungan untuk font ini di hampir semua browser (termasuk Explorer 6).
● Sangat mudah digunakan.
● Penyimpanan font terus meningkat setiap harinya.

Dibawah ini akan saya berikan petunjuk langkah demi langkah, cara menemukan dan memasang font Rusia di situs web Anda.

Untuk menggunakan Google Fonts API, ikuti tautan ini.

Klik pada tombol Cyrillic (seperti yang ditunjukkan pada gambar di bawah)

Dari daftar font yang tersedia, pilih font yang diinginkan. Kemudian klik pada tab "Gunakan font ini". Saya perhatikan bahwa Anda tidak memerlukan tab "Unduh" hanya jika Anda ingin menggunakan font ini di komputer Anda, misalnya untuk Photoshop (walaupun Google meminta, tetapi tidak mengharuskan, untuk memberikan kontribusi untuk pengembangan masa depan. gudang).
Jika Anda akan menggunakan font ini dalam huruf miring atau tebal, centang kotak di sebelah nama yang sesuai.

Perhatikan di mana nama fontnya (digarisbawahi dengan warna hijau). Ini diperlukan jika Anda menambahkan nama font secara manual.

Dan Anda sudah bisa menggunakannya di style sheet CSS. Cukup tambahkan nama font di properti font-family, ingat untuk menambahkan font web standar di akhir.

h1 (keluarga font: "PT Serif", arial, serif; )

Anda juga dapat menghubungkan dan menggunakan beberapa font di situs Anda sekaligus.
Catatan koneksi terlihat seperti ini. Gambar menunjukkan apa itu.

Alternatifnya, Anda dapat menggunakan Ekstensi Google. Dengan bantuannya, Anda dapat menguji font langsung di situs web Anda. Sangat nyaman, Anda dapat langsung melihat tampilan situs dalam font ini.

Ringkasnya, saya perhatikan bahwa kreasi Google ini sangat nyaman. Terbukti dengan Smashingmagazine meluncurkan kembali situsnya menggunakan font Droid dari repositori font Google. Anda memerlukan waktu kurang dari satu menit untuk menghubungkan font yang Anda perlukan, dan Google menyediakan kecepatan koneksi.

Apa kesamaan mereka? properti CSS @ font-wajah Dan Font Web Google?
@font-face memungkinkan Anda menggunakan font Anda sendiri (bukan font yang aman untuk web) saat menampilkan situs, Google memberi kami alat untuk implementasi cepat. Ini adalah ciptaan Google penyimpanan font online, sehingga Anda dan saya dapat menggunakannya dalam pekerjaan kita. Yang terpenting semua font benar-benar gratis dan 100% legal. Laba

Jadi bagaimana cara kerjanya?

Kami memilih jenis font yang kami butuhkan (menurut saya Cyrillic dan Latin akan relevan di sini. Atau adakah orang dari Kamboja dan Yunani?)

Saya akan menjelaskan bekerja dengan font yang mengandung Cyrillic, yang masih merupakan bahasa asli. Hanya ada 8 font Cyrillic di repositori Google, sangat sedikit. Tapi saya berharap upaya ke arah ini sedang berlangsung. Canonical (perusahaan yang memproduksi Ubuntu) merasa senang dengan membuat font berpemilik dari OS tersedia secara gratis Ubuntu 10.10. Sumber Terbuka itu bagus.

Pilih font yang diinginkan dari repositori font Google dan luncurkan pratinjau, di sana Anda dapat menyesuaikan parameter font yang dipilih (ukuran font, miring atau tebal) dan segera mendapatkan kode untuk situs Anda.

Kami memilih parameter tampilan yang kami butuhkan dan memindahkan bilah geser. Kecuali parameter standar seperti menggarisbawahi dan mengubahnya menjadi huruf besar dan kecil, Anda dapat menambahkan bayangan ke teks dengan memilih dari 4 jenis yang paling umum. Oleh versi Google, tentu saja. Selanjutnya, Anda dapat mengubah kode dan melakukannya sesuai kebutuhan, tetapi opsi tersebut tentu diperlukan. Saya harap mereka menambahkan pengaturan bayangan ke opsi dengan lebih banyak kemungkinan yang luas. Itu saja untuk saat ini, tapi terima kasih untuk itu.

Di jendela pratinjau kami mengontrol hasil yang diperoleh.

Di bawah ini adalah kode yang kita perlukan untuk situs tersebut. Ini dapat digunakan dengan beberapa syarat. Secara default, Google menyertakan semua gaya yang tersedia, terkadang hal ini tidak diperlukan. Kode CSS juga dapat dibersihkan dengan menghapus pemilih yang tidak dikonfigurasi di jendela opsi.

Seperti yang Anda lihat, pemilih yang bertanggung jawab atas font di css disebut font. Untuk mengubah ukuran font di CSS, Anda perlu memasukkan font-size:15px dan mengubah jumlah piksel menjadi nilai yang diinginkan. DI DALAM css tebal font ditentukan oleh pemilih ini: font-weight: bold dan seterusnya.

Gaya yang diperlukan dan contoh penggunaan font untuk elemen halaman dapat dipilih dan dilihat pada tab “Gunakan font ini”.

Ini adalah hal yang sangat berguna API Font Google, Anda dapat menghubungkan font hanya dalam beberapa menit, ada banyak pilihan font (untuk alfabet Latin pilihannya sangat mengesankan) dan kecepatan memuat font oleh klien dijamin oleh server Google.

Dan satu hal terakhir. Font apa pun untuk css dari penyimpanan daring Anda dapat mengunduhnya ke komputer Anda untuk digunakan dalam sistem. Dan ini juga sempurna gratis, mereka hanya akan meminta sumbangan, yang bisa berupa $0. Di sini semuanya ada pada hati nurani Anda, semua orang memutuskan sendiri apakah akan membayar atau tidak.

Saya harap informasinya bermanfaat dan Anda mempelajari sesuatu yang baru