Cara merubah ukuran font di php

Perbesar / Perkecil Ukuran Tulisan

Diterbitkan 13 Feb 2016 Diperbarui 6 Jun 2020

Table of Contents Show

Perbesar / Perkecil Ukuran Tulisan
Cara Mengatur Size, Color dan Style Huruf (Font) di HTML
Berapa cara merubah ukuran font?
Bagaimana cara mengubah ukuran teks menggunakan HTML?
Bagaimana cara membesarkan maupun mengecilkan tulisan dengan font size?
Langkah mengubah jenis dan ukuran huruf pada judul?

Membuat website bukan asal jadi doang, ya kan ? Pasti pengen ada variasi2nya dikit misalnya yang sering dipakai itu merubah ukuran tulisan alias font pada website. Disini saya kasih tips mudah merubah ukuran text itu dengan CSS. Property apa yang digunakan ? Kita menggunakan "font-size". Caranya gimana?

Misalnya ada tulisan paragraf / tag paragraf pada dokumen HTML kalian, anggap saja seperti ini:

<p>ini utorial merubah ukuran tulisan / text html dan css</p>

Defaultnya, tag  itu memiliki ukuran font sekitar 16px dan sekarang kita ingin merubahnya agar lebih besar atau lebih kecil. Cara merubah ukurannya yaitu kita panggil di CSS nya dan gunakan code seperti ini:

ads by posciety

p     {
	font-size: 45px;
      }

Artinya semua tulisan didalam tag  kita atur ukuran nya menjadi 45px, hasilnya akan berukuran 45 px silahkan dicoba.

Lalu bagaimana kalo mau merubah sebagian saja ? Gampang! Caranya, kita harus beri pembatas dulu dengan tag (bisa ditambah classjuga / idatau dibiarkan tag saja). Misalnya kita kasih tanda pada beberapa kata saja dengan  contohnya seperti ini:

<p>ini utorial merubah <span>ukuran tulisan / text html</span> dan css</p>

Gunanya untuk apa pembatas yang saya maksud? Untuk dipanggil di CSS nya, seperti ini misalnya:

span     {
		font-size: 45px;
	     }

Ketika kita panggil  berarti cuma tulisan yang “ukuran tulisan / text html” yang akan kena dampaknya. Jadi hasilnya akan besar kecil dan sedikit menarik seperti tag cloud. (lihat gambar)

Apa harus ? Tidak, kalian bisa juga pakai classatau idyang jelas jangan pakai <div> (misalnya <div class="">) karena kalo pakai <div> nanti text nya jadi turun atau berantakan. Jadi solusinya mendingan pakai spanjuga tinggal di kasih class atau idkalo emang maunya gitu. Misalnya seperti ini:

<p>ini utorial merubah <span class="besar">ukuran tulisan / text html</span> dan css</p>

Nah, nanti di CSS nya kita tinggal panggil classnya karena saya pakai class, kalo pakai idberarti kalian tinggal panggil id nya. Jadi seperti ini CSS nya:

.besar {
		font-size: 45px;
	}

Hasilnya akan tetap sama.

Masih bingung ? Lihat : Video Tutorial Cara Ganti Ukuran Tulisan HTML CSS.

Selamat mencoba !

Cara Mengatur Size, Color dan Style Huruf (Font) di HTML

Sama hal nya dengan kita bekerja pada microsoft word atau open ofice dan software pengetikan tulisan lainya kita bisa mengatur tulisan sesuai dengan yang kita butuhkan atau inginkan. Kita bisa mengatur ukuran, jenis, gaya tulisan dan lainnya. Sama dengan HTML juga bisa seperti itu, hanya saja kita harus memasukkan tag yg di butuhkan, sedangkan software yg saya sebutkan tadi sudah tersedia pilihan dan button nya yang memudahkan kita. Untuk mengatur huruf pada HTML anda dapat menggunakan tag dan tag penutup . Tag ini mempunyai beberapa atribut untuk mengatur formatting style dari suatu teks.

1. Ukuran Font

Size=n adalah atribut yang digunakan untuk mengatur besarnya ukuran font. Nilai n berkisar antara 0 (ukuran terkecil) sampai dengan yang terbesar 7. Untuk lebih jelasnya tuliskan kode berikut kemudian simpan dengan nama ukuran_font.html.

<!DOCTYPE html>
<html>
<head>
<title>Ukuran Font</title>
</head>
<body>
ini adalah ukuran Font 1 
ini adalah ukuran Font 2 
ini adalah ukuran Font 3 
ini adalah ukuran Font 4 
ini adalah ukuran Font 5 
ini adalah ukuran Font 6 
ini adalah ukuran Font 7 
</body>
</html>

Berikut adalah tampilan dalam Text Editor SublimeText3:

Dan Ini adalah hasil dari ukuran_font.html:

2. Jenis Font

Untuk mengatur jenis font Anda dapat menggunakan atribut face dengan sintaksis face=string. Nilai string berupa string yang menunjukkan nama font dan biasa lebih dari satu. Ketikkan kode berikut untuk mengetahui hasil dari penulisan jenis font, kemudian simpan dengan nama jenis_font.html.

<!DOCTYPE html>
<html>
<head>
<title>Jenis Font</title>
</head>
<body>
Ini adalah jenis tulisan Tahoma 
Ini adalah jenis tulisan Arial 
Ini adalah jenis tulisan Courier New 
Ini adalah jenis tulisan Century Gothic 
Ini adalah jenis tulisan Times New Roman
</body>
</html>

Berikut adalah tampilan dari Text editor Sumblime Text:

Dan ini adalah hasil dari kode jenis_font.html:

3. Warna Font

Untuk mengatur warna font Anda dapat menggunakan atribut color dengan sintaksis color= #RRGGBB. Nilai RRGGBB adalah kombinasi angka dalam bilangan hexa yang menunjukkan kapasitas warna merah (RR), hijau (GG), dan biru (BB). Anda juga dapat menggantikan #RRGGBB dengan konstanta warna yang ada pada browser.

Untuk lebih jelasnya silahkan ketik kode berikut kemudian simpan dengan nama font_color.html.

<!DOCTYPE html>
<html>
<head>
<title>Warna Tulisan</title>
</head>
<body>
Ini Adalah Warna Hitam 
Ini Adalah Warna Biru 
Ini Adalah Warna Biru 
Ini Adalah Warna Hijau 
Ini Adalah Warna Kuning 
Ini Adalah Warna Ungu <hr>
Ini Adalah Warna Putih 
Ini Adalah Warna Hitam 
Ini Adalah Warna Pink
</body>
</html>

Berikut adalah tampilan dalam Text Editor SublimeText3:

Dan ini adalah hasil dari kode font_color.html:

Nah Bagaimana…? apakah sekarang kamu sudah mengerti Bagaimana cara mengatur Ukuran,Warna dan jenis Font di HTML? Mungkin itu saja tulisan yang membahas tentang Cara Mengatur Size, Color dan Style Huruf (Font) di HTML, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Berapa cara merubah ukuran font?

Mengubah ukuran font.

Di perangkat, buka aplikasi Setelan ..

Ketuk Tampilan..

Ketuk Lanjutan ..

Ketuk Ukuran font..

Pilih ukuran font dengan penggeser..

Bagaimana cara mengubah ukuran teks menggunakan HTML?

Cara kedua untuk mengubah ukuran teks dalam dokumen HTML adalah dengan menggunakan atribut ukuran pada tag dalam bentuk size="n"> <font (dimana n adalah nomor 1 sampai 7). Bila Anda menggunakan atribut ukuran, semakin besar nilai, semakin besar ukuran teks dari dan mengurangi ukuran huruf.