Maklumat

Tulisan-tulisan terkini dapat juga didapatkan di halaman Kompasiana di alamat https://kompasiana.com/didikaha

Khusus untuk konten-konten sastra seperti puisi, cerpen dan esai silahkan kunjungi http://blog.edelweis-art.com. Terima kasih (Penulis)

Kamis, Januari 07, 2016

Mengakses Google Fonts secara Offline

Memilih jenis font apa yang sesuai untuk situs atau aplikasi web yang akan kita buat, merupakan salah satu hal yang cukup penting bagi kita. Selain tidak menyulitkan pengunjung atau pengguna untuk membaca konten (baca: tulisan) yang ada di web kita, tentu unsur keindahannya pun kita harapkan. Salah satu alternatif yang bisa kita gunakan adalah dengan memanfaatkan Google Fonts. Setidaknya ada tiga alasan mengapa kita menggunakan Google Fonts:

  1. Mudah menggunakannya
  2. Tersedia banyak jenis dan style 
  3. Gratis

Untuk menggunakan Google Fonts pada web kita, pertama, kita masuk ke halaman www.google.com/fonts. Langkah kedua setelah kita berada di halaman Google Fonts, kita pilih jenis dan style font apa yang akan kita gunakan. Kemudian akan ditampilkan kode css untuk kita pasang di web kita. Done. Font yang telah kita pilihpun bisa kita gunakan untuk web kita.

Misal kita akan memilih jenis font berupa Open Sans dengan semua style yang ada, maka kode yang akan kita dapat adalah:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300" rel="stylesheet" type="text/css">

atau

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);

Kita bisa menggunakan salah satu dari kedua kode tersebut sesuai selera kita masing-masing. Perbedaan penggunaannya adalah, untuk yang pertama, kode disisipkan pada script page yang kita buat (biasanya di antara tag <head></head>), sementara kode yang kedua disisipkan di dalam file css. Adapun penggunaannya, sama seperti penggunaan font lainnya yaitu dengan kode:

font-family: 'Open Sans', sans-serif;

Gampang, bukan?

Ya, sangat gampang. Namun, ada kendala yang cukup mengganggu. Dikarenakan akses font ini berlangsung secara online, dalam arti karena lokasi font berada pada web Google Fonts, mau tidak mau untuk menggunakannya, kita pun harus selalu terhubung dengan internet. Jika web kita dijalankan secara offline (misal sebagai aplikasi yang dijalankan hanya di local area network sebuah kantor yang tidak dihubungkan dengan internet), dengan kode yang kita dapatkan seperti di atas, tentu kita tidak dapat menerapkannya untuk web kita.

Well, seperti kita tahu, sebenarnya kode tersebut di atas berguna untuk mengakses ataupun meng-import kode css yang ada pada file css Google Fonts yaitu https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300. Jadi, secara teknik, kita masih dapat menggunakan Google Fonts untuk aplikasi web kita yang berjalan secara offline yaitu dengan cara menyalin dan menyimpan file css Google Fonts tersebut ke dalam folder aplikasi web kita.

Silahkan klik tautan Google Fonts di atas. Tautan tersebut akan menampilkan sebuah file css.



Simpan file tersebut (klik Ctrl+S) dengan nama font-open-sans.css pada folder css pada folder aplikasi web kita. Buka file css yang telah kita download menggunakan text editor (misal Notepad atau Sublime Text). Copy dan buka semua url font seperti pada gambar di atas yang berwarna biru. Saat kita buka url tersebut, secara otomatis akan terbuka window Save As yang memerintahkan kita untuk menyimpan file font. Simpan file font pada folder css/fonts. Misal url yang kita buka adalah https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2. Maka file font yang tersimpan bernama DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2 (sebaiknya biarkan tetap demikian namanya). Jika sudah selesai, sekarang kita lakukan sedikit modifikasi pada script css font-open-sans.css:

url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2)

menjadi

url('fonts/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2')

Ulangi untuk semua kode yang serupa. Done. Sekarang kitapun bisa mengakses font dari Google Fonts yang telah kita pilih tanpa perlu terhubung dengan internet alias secara offline. Oya, karena sekarang kita mengakses file css bukan lagi ke file yang ada di web Google Fonts melainkan file css yang telah kita salin dan simpan ke dalam folder css aplikasi web kita, maka kitapun perlu merubah kode akses file css-nya menjadi:

<link href="css/font-open-sans.css" rel="stylesheet" type="text/css">

atau

@import url('css/font-open-sans.css');

Demikian. Mudah-mudahan bermanfaat. Happy coding! :)

Sabtu, Januari 02, 2016

Lupa dengan Password Windows 7 Anda?

Damn!! Awal tahun 2016 ini sempat diawali dengan satu insiden kecil. Pagi-pagi buka laptop dan password login Windows 7 tidak diterima alias incorrect! Mau gak mau mesti reset password. Malam sebelumnya saya memang sempat mengganti password saya namun saya lupa dengan password barunya :D. Alhamdulillah, CD Installernya gampang dicari--biasanya mah barang-barang suka ngumpet di mana pas lagi dibutuhin :D.

Well, bagi temen-temen yang ngalamin hal yang sama, tulisan ini mungkin bisa jadi referensi. Sebenernya ada cara-cara lain untuk mereset password login Windows 7 selain dengan menggunakan CD Installer. Di antaranya adalah dengan menggunakan backup password. Backup password ini kita buat dan simpan pada USB drive. Saat kita tidak bisa mengakses Windows 7 karena password login bermasalah, kita tinggal mencolokkannya. Sayang, saya belum sempat membuat backup password untuk login saya tersebut. Selain itu, bagi yang familiar juga dengan Ubuntu, melakukan reset password login Windows 7 bisa juga dengan menggunakan CD live OS Linux ini.

Baiklah, untuk cara-cara mereset password login Windows 7 lainnya, insya Allah akan saya tulis pada kesempatan berikutnya (atau jika Anda ingin mengetahuinya sekarang, silahkan tanya ke mbah Gugel :D). Sekarang akan saya lanjutkan dengan langkah-langkah mereset password menggunakan CD Installer Windows 7.

Pertama, untuk hal ini, kita berarti harus melakukan booting menggunakan CD Installer (seperti langkah saat kita akan menginstal Windows). CD Installer ini kita perlukan bukan untuk menginstal ulang Windows 7. Tapi untuk mengaktifkan window Command Prompt pada halaman login Windows karena secara default kita tidak bisa mengakses atau membuka window Command Prompt pada halaman login Windows. Ya, sebenarnya kita akan melakukan reset paswword-nya menggunakan Command Prompt ;).

Oke, setelah booting selesai, silahkan ikuti langkah-langkah berikut ini:


Seperti pada gambar di atas, pilih menu Repair your computer dan tunggu hingga muncul window seperti di bawah ini:


Pilih OS Windows 7 yang bersangkutan (jika di laptop atau komputer kita terinstal lebih dari 1 OS Windows) lalu klik Next > 


Pilih Command Prompt, hingga terbuka window Command Prompt seperti di bawah ini:


Seperti telah saya jelaskan di atas, bahwa kita menggunakan CD Installer Windows 7 fungsinya tidak lain untuk menjadikan window Command Prompt dapat diakses saat pertama kali Windows 7 nyala, karena melalui Command Prompt inilah kita akan melakukan reset password.

By the way, Windows menempatkan sebuah aplikasi bernama sethc.exe pada system32. Aplikasi ini dapat dibuka dan dijalankan saat pertama kali Windows running (kita masih berada di halaman login). sethc.exe berfungsi untuk mengatur Sticky Keys (misal Ctrl+Alt+Del untuk membuka halaman login saat iddle) terutama bagi kita yang mengalami keterbatasan menekan beberapa tombol secara bersamaan. Namun, sethc.exe ini sebenarnya bisa berupa aplikasi apa saja asal bernama sethc.exe dan berlokasi di system32. Untuk memanggil sethc.exe sendiri cukup dengan menekan tombol Shift sebanyak 5 kali. Nah, trik inilah yang akan kita gunakan. Jadi, kita akan mengganti aplikasi sethc.exe tersebut dengan aplikasi cmd.exe agar saat kita menekan Shift 5 kali pada halaman login, window Command Prompt-lah yang akan terbuka ;).

Pertama, kita 'aman'-kan dulu file sethc.exe, kita copy ke folder utama (C:), dengan mengetikkan baris di bawah ini:

copy c:\windows\system32\sethc.exe c:\

Catatan: Silahkan ganti C: dengan D: atau lainnya yang merupakan lokasi Windows 7 diinstal (sebagaimana ditunjukkan pada gambar System Recovery Options di atas).

Kedua, kita tiban file sethc.exe dengan file cmd.exe yang juga berada di system32:

copy c:\windows\system32\cmd.exe c:\windows\system32\sethc.exe

Ketik Yes saat muncul konfirmasi overwrite file.

Setelah selesai, ketik exit untuk menutup window Command Prompt lalu klik Restart pada System Recovery Options untuk masuk kembali ke Windows 7.


Setelah restart selesai dan kita telah berada di halaman login Windows, klik tombol Shift 5 kali untuk membuka window Command Prompt seperti di bawah ini:


Untuk mengganti password, ketik:

net user Username NewPassword

Username adalah nama user kita, sementara NewPassword adalah password baru yang akan kita gunakan. Gunakan tanda petik ("") jika Username mengandung spasi. Jika kita tidak yakin atau lupa dengan ejaan Username kita, kita bisa mengetikkan net user saja terlebih dahulu maka akan muncul nama-nama user yang terdaftar. Misal Username kita adalah Lorem Ipsum dan password baru yang akan kita gunakan adalah abrakadabra, maka kita ketik:

net user "Lorem Ipsum" abrakadabra

Setelah berhasil, ketik exit untuk menutup window Command Prompt dan kitapun bisa login kembali dengan password baru yang telah kita buat :).


Demikian, mudah-mudahan tulisan di atas bisa menjadi 'kado' tahun baru bermanfaat. Selamat Tahun Baru 2016 :)