Bagaimana cara saya menggabungkan beberapa Font Google ke dalam Joomla saya! 3 situs dan JCE?

11

Bagaimana cara saya menggabungkan beberapa Font Google ke dalam Joomla saya! situs?

Saya ingin memaksimalkan kompatibilitas di semua browser.

Bisakah beberapa Font Google dimasukkan melalui panel admin?

Apa yang perlu saya sertakan dalam CSS saya?

Saya juga menggunakan JCE sebagai editor konten default - bagaimana cara membuat font Google muncul di drop-down dan menghilangkan font lain? (Yaitu untuk menghindari penulis memilih font yang tidak ada dalam panduan gaya).

NivF007
sumber

Jawaban:

9

Katakanlah Anda ingin "Roboto" dan "Open Sans" tersedia untuk penulis Anda di drop-family font JCE.

Pertama:
Temukan font Anda di google font dan tambahkan ke editor CSS Anda stylesheet @import yang Anda dapatkan dari mereka.
Untuk contoh ini, terlihat seperti ini:

@import url(http://fonts.googleapis.com/css?family=Roboto|Open+Sans);

Kedua:
Untuk menghapus / menambah font di JCE Anda harus pergi ke tab Tipografi di parameter editor. Untuk joomla 3.2 pathnya adalah:

Komponen> Editor JCE> Profil Editor> pilih profil yang ingin Anda tambahkan / hapus font dari> Parameter editor> tipografi.

Gulir ke bawah ke "Font" dan Anda bisa mulai dengan menghapus font yang ingin Anda hapus.

Kemudian Anda dapat menambahkan font baru ke daftar dengan mengklik "tambahkan font baru ..." masukkan nama font Anda, simpan dan hanya itu.


Kompatibilitas browser:
Google API kompatibel untuk browser berikut:

  • Google Chrome: versi 4.249.4+
  • Mozilla Firefox: versi: 3.5+
  • Apple Safari: versi 3.1+
  • Opera: versi 10.5+
  • Microsoft Internet Explorer: versi 6+

Sumber

web-tiki
sumber