CSS3 : Font Face
HTML-код
- Опубликовано: 11 сен 2024
- Di video kali ini, kita akan membahas mengenai pengelolaan font pada CSS3 menggunakan property @font-face.
selain itu juga kita akan me-review penggunaan font-family dan google fonts.
---
Link
- fonts.google.com/
- www.fontsquirr...
---
- HTML Dasar
• HTML Dasar
- CSS Dasar
• CSS Dasar
- Tutorial Sublime Text
• Tutorial Sublime Text 3
- CSS Layouting
• CSS Layouting
---
follow juga akun media sosial kita yang lain :
- / webprogrammingunpas
- codepen.io/webp...
- github.com/web...
- pw.if-unpas.org
- www.unpas.ac.id
terimakasih dan selamat #ngoding!
@sandhikagalih
makasih pak!.sebagai bayaran kuliahnya nonton aja iklannya sampe habis!!!
Ide yang bagus bang.. Gw baru kepikiran. Next ga bakal gw skip. 👍
atau cara lainnya bisa langsung support pak sandhika :)
Mungkin cuma bercanda ya
Tapi Iklan skip gak di skip sama aja bro😂
4:19 cara pakai import kalian salin import tersebut terus kalian paste di css paling atas trus kalian tulis sintaxnya font-family="masukkan nama font tersebut" dan kalian refresh aja dah jadi
Pak sandi,makasih banyak atas tutorialnya dari sebelum sebelumnya.berkat pak sandi ,saya yang dulu paling benci sama ini pelajaran karena susah dipahami tapi sekarang saya sangat suka pelajran ini walau pelajaran cuman sampai kelas 10 di TKJ :` .semangat terus mas sandi buat videonya sama nge GYM nya juga :v .
terimakasih ya Wahyu.. :)
penyampaiannya bagus banget mudah dipahami. klo bikin tutorial codeigniter or laravel mantap nih
Terimakasih Diconk..
untuk CI atau Laravel kayanya belum dulu kita bikin, karena masih fokus untuk dasar2 pemrograman webnya dulu.. mungkin nanti kita awali dengan PHP dasar, baru masuk ke Framework.. :D
ia pak keren" tutorial nya, kalo saya ada uang mau tu lanjut kuliah lagi di unpas hehehe
Akhirnya Nemu kegunaan lengkap tag font-face terimakasih ya bang
masya allah sehat selalu pa dika... alhamdulillah sudah lumayan jauh belajar nya
Channel2 pak dhika banyak membantu saya....
sangat membantu sekali untuk saya yang sedang belajar. terima kasih mas sandika galih
terimakasih juga Renaldi sudah nonton videonya.. :)
iya pak sama sama :) bermanfaat sekali vido" nya bagi kami yg sedang mulai belajar :D
Pak dika. Mau tanya. Utk atribut font face ini berlaku utk bootstrap jg kah? Saya coba nggak keganti fontnya di mozilla. Di chrome bisa. Apa krn font bawaan dr bootstrap? Makasih
saya baru belajar pemograman web dan video di channel ini sangat membantu saya. Terima kasih
gimana kabarnya bang?
@@johanliebert9662 sudah sukses sepertinya
@@perhid hahaha aminnn
@@johanliebert9662 apa kabar bro
@@nabiliojr sehat, alhamdulillah
Masuk TKJ ktemu pelajaran ini males bgt rasanya. yg ajarin jg c++ susah bgt di pahaminnya. Eh skrg ga kerasa udh sampai sini aj😂
pak, numpang tanya, saya sudah ngikutin yg diatas, kalo dibuka dari google-chrome gak mau, tapi kalo buka pake firefox mau yah? terima kasih sebelumnya pak.
coba Chrome-nya diupdata dulu ke versi terbaru.. :)
thank you pak, keren abis dah materinya.
Terimakasih banyakkkk pakkkkk...
Mantap pak, izin download yakk
Sukses terus kak:"
makasih pak info nya tp saya blm mahir menggunakan camtasia hehehe
gpp, latihan aja terus.. saya aja pake screenflow masih belum mahir betul.. hehe :)
maaf mas mau tanya itu bikin tutorial untuk merekam video biar ada suaranya pake software apa ya terima kasih
softwarenya pakai Screenflow di Mac, kalo di Windows ada Camtasia.. kalau suaranya pake USB microphone.. soalnya kalo pake mic internalnya laptop kurang bagus kualitasnya.. :D
lebih baik pake google font apa
@font-cafe?
izin bertanya, cara memakai font-face jika lebih dari 2 font pak
Mantap pak
pak, numpang nanya kenapa di saya tidak support padahal chrome sama mozilanya sudah saya update
mungkin ada typo, cek lagi sintaksnya.. dan cek lagi lokasi tempat penyimpanan fontnya
Pak Dhika .
Ane punya
@font-face{
font-family:"Antonio";
src: url(.....ttf) format(..);
}
.text {
Font-family:"Antonio";
}
Ketika saya hapus @font-face, sementara .text tetap nya kok font nya gak berubah? Tapi kalo saya ganti font-family di .text berubah, apa emang gitu sifat @font-face? (Dihapus soalnya ngedip & agak lambat load font nya kalo di refresh)
pak, klw font face yg kita masukin lebih dari dari satu itu g mna yaa,,?? apa saya harus menuliskan font face yg baru lagi atau g mna,,,,?? terima kasih,,
sangat bermanfaat
harus punya plug in embed dlu ya buat ambil font dari google, saya coba di code editor saya ga bisa pak sandi
Pak, kalau saya sudh bisa membuat webside. apakah saya bisa lebih mudah untuk membuat sebuah aplikasi..
Mas shandika saya mau tanya, klo untuk mendaftarkan fontnya lebih dari satu, itu gmn ya?
buat lagi tag @font-face nya
@@sandhikagalihWPU terimakasih
Pak kalo pake font face apakah user lain juga bisa liat font kita? saya asumsikan si user belum punya font face yang sudah didownload. Saya rada bingung yg ini Pak hehe
bisa, karena kalo nanti webnya kita hosting, fontnya akan ikut diupload ke hosting.. user akan tetap bisa lihat fontnya meskipun di komputernya ga ada
@@sandhikagalihWPU jadi kalo mau membuat sebuah website lebih recommended pake font-face ya Pak?
@@gustionusamba90 klo ada koneksi bisa pake font face atau link yg di awal tadi seperti google font, kan bisa pake dua duanya, bisa di download buat local atau mau online
@@rifpol3221 baik mas terima kasih
Kalau font" kek gini bisa kena hak cipta apa ga ya?kek design grafis gt,jadi aga takut soalnya kalau asal pake
Loat dilisensinya bre
thank you
Kang apakah bisa mengunakan font face lebih dari 1 saya coba malah yang satu gak jalan
pak saya mau tanya, saya baru ngikuti materi ini, kalo saya download font di squirelfont semisal alexbrush, terus saya pakai untuk web saya, apa user juga harus punya font yang saya punya alexbrush? terima kasih
Bantu jawab bang, kalo pake font face sepertinya user pas load web akan di paksa untuk mendownload dulu font nya sehingga web nya berjalan di user dengan font yg kita tetapkan jadi g harus dia ada dulu font nya
Saya sudah tulis sama, tapi kok font ga berubah ya mas
Saya udah ngikutin mas sandika jenis fontnya juga sama tapi kok hasilnya jadi times new roman ya mohon penjelasannya😂😂
berarti browser anda belum di update jadi yang terbaru!
Pak, sy sudah mengikuti tutorial anda di video, tapi kok font sy di google chrome tdk berubah ya? sy pake font Alex Brush juga. Makasih
Update dulu chrome nya jadi yang lebih baru!
kalo mau ngasih fontnya lebih dari 3 jenis gmn kang
silahkan saja gunakan @font-face nya sesuai kebutuhan.. lebih dari 3 juga gak apa2..
Permisi pakkk, saya mau nanya. Kalo saya pakai font-face apakah font yg ditampilkan pada user akan sama atau berbeda? Lalu lebih recommended menggunakan link/font-face ya pak?
Kalau pakai link kita aksesnya harus pakai jaringan karena kita ngambil dari dari server luar.
Nah kalau @fomt-face itu untuk link yang sudah kita download dan itu bisa di akses oleh user. Bedanya bisa offline aksesnya.
Namum tampilan di usernya ya sama aja kok ga berubah
Mau Tanya ni
Kalo jenis font-family: -apple sistem-,.... Ini jenis font Kaya mana
Fransisco
16/10/2022
GG
Ada apa nih kok outrounya lebih lama
Pak saya mau nanya, apakah dengan menggunakan @font-face itu akan tetap berjalan meskipun si user/ client gak punya font tersebut? Mohon penjelasannya.
Tetap akan berjalan 👍🏼
Oh baik pak terima kasih jawabannya🙏🏻
Selamat Sore, Pak mau tanya ini kok gak mau berubah kenapa ya?
@font-face{
font-family: "Cantarell-Regular";
src: url ('font/Cantarell-Regular.ttf')format('truetype');
}
h1{
font-size: 100px;
text-align: center;
font-family: "Cantarell-Regular", arial;
}
Padahal lokasinya udah bener, apakah ada script khusus lagi?
Terimakasih sebelumnya
coba url diganti ini url ('../font/Cantarell-Regular.ttf')
di font family nya tidak perlu pakai "", penggunaan "" untuk type font yang ada spasinya ajaa
@@rifpol3221 bisa jelasin mksdny bang ? Agal kurang paham soalnya
12:39
maaf,font saya gak berubah pak, pdhl chrome udh versi terbaru :(
@font-face {
font-family: "Alex Brush";
src: url('../font/AlexBrush-Regular.ttf') format('truetype');
}
h1 {
font-size: 100px;
text-align: center;
font-family: 'Lobster', cursive;
}
h2 {
font-size: 100px;
text-align: center;
font-family: "Alex Brush", arial;
}
Punyaku bisa gan, mungkin src nya salah tulis mngkin?
3:03
7:38 saya bingung dengan tanda crash nya (belum pernah dibahas sebelumnya di channel ini). Di sana ada 2 crash, tetapi yang satu ada tanda tanya "?" nya, yang lain tidak, apa itu ada sintaks yang salah!?
Itu buat ngakalin di internet explorer kalau misalnya fontnya gak kebaca
Pak kok gk bisa ya🤔
yang font face kok gak bisa ya malah berubah jadi times new roman.. font-size & text-alignnya juga berubah
Update dulu chrome nya jadi yang lebih baru!
jalan jalan
Tiga