Penggunaan @font-face Dengan Google Web Font

Cara Untuk mengganti dan menggunakan font blog tidaklah sulit karena banyak web yang memberikan font-font menarik yang bisa kita gunakan sesuka hati. nah kali saya akan memberikan tutorial cara mengganti font dengan Google Web Fonts. karena banyak pertanyaan seperti berikut.
  1. Bagaimana cara mengganti font dengan google web fonts ?.
  2. Bagaimana Mengambil hanya @font-face dari Google Web Fonts ?.
  3. Apa bedanya menggunakan script,url style,dan @font-face ?.
berikut tutorialnya.
1. Masuk dulu di Google Web Fonts.
2 Setelah masuk pilih font yang di inginkan.
sebagai contoh kita akan pilih font Arbutus. seperti gambar berikut, klik add to collection. anda juga bisa memilihi banyak font yang di inginkan.
add google web font
3. jika sudah pilih font. kemudian pada bagian menu di bawah terdapat 3 pilihan choose,review dan use. langsung klik saja use. seperti pada gambar berikut :
use google web font
4. Setelah itu kita akan di hadapkan dengan berbagai pilihan style font seperti normal,bold,italic,bold italic dan lainnya tergantung dukungan font tersebut.
5. Di bawahnya ada pilihan kode untuk memasukan pada template.
  • Standar : biasanya pilihan ini berupa url link css.
  • @import : pilihan ini jarang di gunakan untuk template blogger.
  • javascript : pilihan font dalam bentuk javascript.
6. Nah pilihan terakhir adalah mengambil @font-face meskipun disana tidak di sediakan pilihan tersebut. tapi kita bisa mengambilnya dengan melihat isi URL link font. contoh pilihan standar :
<link href='http://fonts.googleapis.com/css?family=Arbutus' rel='stylesheet' type='text/css'>
ambil link url saja seperti ini http://fonts.googleapis.com/css?family=Arbutus, lalu buka link tersebut pada adress bar browser anda maka akan terbuka @font-face seperti ini.
@font-face {
  font-family: 'Arbutus';
  font-style: normal;
  font-weight: 400;
  src: local('Arbutus'), url(http://themes.googleusercontent.com/static/fonts/arbutus/v2/ZIN1_iT2tfyR9znPvk0NwA.woff) format('woff');
}
7. Terakhir kita bisa menyimpan @font-face pada blog dan menyimpanya pada bagian skin css template atau di atas ]]></skin>
mudah bukan cara pasang @font-face Google Web Fonts di blog, semoga artikel ini bermanfaat buat anda yang masih belajar membuat blog terutama pengguna blogger. terima kasih atas perhatiannya.

license by under 88 blogspot.com
Post By : denzdii

54 comments:

  1. udah sy lakuin itu dr dulu, tp tetep aja gak ngaruh kalo di browser nightly T_T

    ReplyDelete
  2. Thank you so much for your great contribution.I like the way of writing.I will share this article to my personal blogs.Waiting for new stuff.custom essay writing services

    ReplyDelete
  3. Thanks for the share. You can share any tips or article with dissertation writing services

    ReplyDelete
  4. Nice info. Thanks for sharing.
    Maju terus gan.

    ReplyDelete
  5. I am happy to read that you helped a injured horse,that is very kind.I like animals and always essay writer try to keep them safe and give them food.

    ReplyDelete
  6. I see that you are using WordPress on your blog, wordpress is the best.
    happy wedding anniversary husband

    ReplyDelete
  7. Are you stuck up with your assignment writing in various subjects such as Financial Accounting, Audit, Managerial Accounting, Finance, Economics, Marketing, Statistics, Law, Taxation, Human Resource Management, Operations etc ? You are in the right place. Its high time to beat your competitors by history assignment help and score high grades in our guidance. We help students in assignments of all business subjects.

    ReplyDelete
  8. Excellent information on your Article, thank you for taking the time to share with us such a nice article. Amazing insight you have on this, it's nice to find a website that details so much information about different artists.
    visit now:- assignment help

    ReplyDelete
  9. Excellent information on your Article, thank you for taking the time to share with us such a nice article. Amazing insight you have on this, it's nice to find a website that details so much information about different artists.
    visit now:- assignment help

    ReplyDelete
  10. May all the love you gave to us come back to you a hundredfold on this special day happy mothers day 2019

    ReplyDelete
  11. Ovo je vrlo zanimljiv članak. Hvala vam što ste podelili. Srećno i uspješno!

    cửa lưới chống muỗi

    cửa lưới chống muỗi Hà Nội

    ReplyDelete
  12. For a first-Time reader,this blog has caught my attention.i am definitely gonna try more blogs

    ReplyDelete
  13. For a first-Time reader,this blog has caught my attention.i am definitely gonna try more blogs

    ReplyDelete
  14. I really enjoyed reading this post. Thanks for sharing!
    SaludPulso.com

    ReplyDelete
  15. assignment help shop provides online help to students in writing their assignment, homework, project and delivering it within time, in order to save our cherished students’ time for other valuable activities.

    ReplyDelete
  16. Our college paper writing service is not meant to make students lazy, but enable them to submit papers that adhere to the instructors’ guidelines as students seek services for who can college papers online services.

    ReplyDelete
  17. We offers Assignment Help to the students by the help of its expert Assignment Writers. Our professional writers are the highest degree holder from top universities around the world and can accomplish any assignment writing.
    Australian Assignment Help

    ReplyDelete
  18. Good Informative post

    To activate Roku Visit roku.com/link
    To Setup HP Printer Visit 123.hp.com/setup
    To get assistance for Canon Printers, Visit Canon printer support

    ReplyDelete
  19. What are the requirements to apply for payday loans?
    To apply for the Online Payday Loans Denver No Credit Check, the applicantneeds to meet certain requirements as below:
    1. The applicant should be at least 18 years of age
    2. The applicant needs to be a lawful citizen of the United States.
    3. A bank account is required and it should not be overdrawn presently. The lender will deposit the loan amount in the bank account and also will withdraw from the same.
    4. The applicant should have a valid proof of income to show the ability to pay back the loan.
    5. The applicant should have a valid phone number and email address.
    If the applicant meets all the above requirements, he/she can apply for Online Payday Loans Colorado No Credit Check and receive the amount within minutes.

    ReplyDelete
  20. This is something very important to understand, I really appreciate your efforts to share such information. Here I am also sharing some information that might be useful for students looking for Assignment Help , in various subjects like, MATLAB Assignment Help , or Matlab Assignment Help Online.

    ReplyDelete
  21. Thank you for this wonderful information looking forward for more. If you are in need for online assignment writing assistance for an intricate
    assignment and thesis topic, then avail our assignment writing service in Australia. and save your time to relax and do your studies properly.
    Our Assignment Help Australia online service in Australia has earned huge popularity among both domestic and international students. There’s no better place in the Australia than FirstAssignmenthelp. Contact us now to buy assignments online in the Australia Leave your tensions to us and enjoy your free time.

    ReplyDelete
  22. I am a freelancer and have been helping a lot of students in providing assistance to students who frequently gets worried about their assessment tasks and went online to search for assignment help uk terms.
    We at My Assignment Services have potentially recognized the need way back and started what we are an enlarged version of then. With many assignment helper companies in the market, no one has quite able to match the standard that we follow. We give utmost priority to students by strictly adhering to the assignment requirements as well as marking rubrics to score high grades. Our Essay Writer writers are well-proficient in not only comprehending your assessment tasks but also to give an expert finish to it.
    Provided a well-written assignment suitable to your needs, your search for uae assignment help will now end with My Assignment Services. You just have to visit our website for more information.

    ReplyDelete
  23. Class College Education training Beauty teaching university academy lesson  teacher master student  spa manager  skin care learn eyelash extensions tattoo spray

    ReplyDelete
  24. This information can be used for analysis purpose in above field. Being a Matlab Helper, I provide Matlab Assignment Help to students all across the globe. We provide the optimistic results by team of our top Matlab Assignment Experts

    ReplyDelete
  25. This post was awesome thank you for sharing. Physical therapy is a specialty in the field of health care, which utilizes exercises, massage, heat treatment, and such physical methods to treat an injury, deformity, or a disease instead of using surgery or drugs. If you are interested in studying such interventions, then you should pursue physical therapy studies in an institution of higher learning. Learn more from Physical Therapy Capstone Writers

    ReplyDelete
  26. Thank you for predicting our needs and writing great and informative article. The cost of installing an acre of drip irrigation varies depending on the crop to crop. However, with Ksh 150,000 you have a standard drip irrigation system. Different crops require different spacing this affects the cost of one acre of drip irrigation. Visit Cost of one Acre Drip Irrigation

    ReplyDelete
  27. http://www.igetsolutions.in/packers-and-movers-disha
    http://www.igetsolutions.in/packers-and-movers-dindori
    http://www.igetsolutions.in/packers-and-movers-dalhousie
    http://www.igetsolutions.in/packers-and-movers-chitrakoot
    http://www.igetsolutions.in/packers-and-movers-chhota-udaipur

    ReplyDelete
  28. Security of the infrastructure will be left to Oracle Enterprise manager that is able to give reports when requested or as per the schedule. When presented with reports IT can then take action.assignment expert

    ReplyDelete
  29. Nice Post...
    How do I download the HP Support Assistant on my PC?
    Welcome to the forum, and it would be my esteemed pleasure to reply to your question. To download the HP Support Assistant, visit the HP support website and search for the required application. On the Hewlett-Packard homepage, you will see an orange button with HP Support Assistant Download written over it. Click over the button and click yes on the confirmation dialogue box. You will receive a file in the download folder under File Explorer. Double click over it and follow the on-screen instructions to install it on your PC. That's how you can do it. Hopefully, you completed the installation process. Get in touch with me if you find any trouble.

    ReplyDelete
  30. Global White Spirit Market was valued at $5,360 million in 2016, and is anticipated to reach at $7,671 million, registering a CAGR of 5.3% from 2017 to 2023. White spirit is a clear colorless solvent with extremely low water solubility and a characteristic odor (odor threshold: 0.5-5 mg/m3). White spirit, a mixture of aliphatic and alicyclic C7 to C12 hydrocarbons, is used as an extraction solvent, cleaning solvent, degreasing solvent, and a solvent in aerosols, paints, wood preservatives, lacquers, varnishes, and asphalt products.

    ReplyDelete
  31. Global White Spirit Market was valued at $5,360 million in 2016, and is anticipated to reach at $7,671 million, registering a CAGR of 5.3% from 2017 to 2023. White spirit is a clear colorless solvent with extremely low water solubility and a characteristic odor (odor threshold: 0.5-5 mg/m3). White spirit, a mixture of aliphatic and alicyclic C7 to C12 hydrocarbons, is used as an extraction solvent, cleaning solvent, degreasing solvent, and a solvent in aerosols, paints, wood preservatives, lacquers, varnishes, and asphalt products.

    ReplyDelete
  32. The one that is coming up will result in a tremendous change, thus high sales and productivity and also there will be a higher chance for customer retention and also encourage more to come through. hire a freelance writer

    ReplyDelete
  33. The study, which is based both on desk research and multiple waves of qualitative primary research, is a must-read for entrepreneurs, investors, researchers, consultants, business strategists, and all those who are planning to foray into the white spirit market industry.

    ReplyDelete
  34. IMARC’s new TMMR “White Spirit Market - Industry Trends, Prices, Manufacturing Process, Applications, Raw Materials, Manufacturers, Regional Breakup and Mass Balance” provides a technical, analytical and statistical insight into the White Spirit market.

    ReplyDelete
  35. Thanks for the great information as a blogger i know how much effort you put in this really appreciate your work. Taking some such information, I also have an article that gives information about the webcam test. So if you want to know something by reading that article, then go to the link and read
    bluetooth-mic-not-working-windows-10

    ReplyDelete
  36. Air quality monitors are the devices used to detect and monitor the level of pollutants in indoor as well as outdoor environments. The significant impacting factors for the global air quality monitoring system market include stringent government regulations, rise in air pollution level, increase in public–private partnership for air pollution monitoring, high costs of air quality monitors.

    ReplyDelete
  37. most real estate experts define a location as one of the only factors that have the capacity to make or break the future valuation of the property.
    Rudn Enclave payment plan
    park view lahore payment plan
    Blue world city Islamabad map

    ReplyDelete
  38. Good article with very helpful content information about this topic. I have been searching for such an informative articles since many days and it seems my search just ended here. Thank you very much for the sharing like this info with everyone and, Keep posting like this info in future. assignment help online - Assignment Help Melbourne - Assignment Help Brisbane - best assignment help australia

    ReplyDelete
  39. I was very impressed by the information you have provided. In fact, being aware of what is going on in the rest of the world is extremely beneficial. I feel more confident in my ability to think after reading this post sequence. I'd like to connect with you via the ISO Certification and Training service for better feedback. Keep up the excellent work. Read my blog : iatf 16949 certification

    ReplyDelete
  40. Croydon Minicabs Taxis are one of the Top taxi services in Croydon, We are here to provide your choice of small and big luxury cars at an affordable price. Our wide ranges of fleets and services are available for all the market needs. Our aim is utmost client satisfaction accompanied with qualities like punctuality, reliability and honesty. We are specialized in transportation, staff transportation, school transportation. For more than 5+ years, we have focused on providing the best taxi services in Croydon, London that allows people to explore the country in comfort and style.The customer has to pay cash up-front to the driver. We are 24/07 available for your entire query. For more information please contact us ☎ 020-8686-4000. use the SNUG RIDE app for fast and online booking at cheap rates.
    . Visit Our Official Website: http://www.croydoncar.co.uk/.

    ReplyDelete
  41. Beddington minicabs are one of the Top taxi services in Croydon, We are here to provide your choice of small and big luxury cars at an affordable price. Our wide ranges of fleets and services are available for all the market needs. Our aim is utmost client satisfaction accompanied with qualities like punctuality, reliability and honesty. We are specialized in Tourism, events and transportation, sports and transportation, staff transportation, school transportation. For more than 5+ years, we have focused on providing the best taxi services in Croydon, London that allows people to explore the country in comfort and style.The customer has to pay cash up-front to the driver. We are 24/07 available for your entire query.
    call:02086864000. Visit the website:http://www.croydoncar.co.uk/
    Simply tap and book a ride in just a few seconds. Just download the app " SNUG RIDE "

    ReplyDelete
  42. The global flexible foam market is expected to grow from USD 35.86 billion in 2016 to USD 64.14 billion by 2026, at a CAGR of 5.99% from 2016 to 2026. Flexible foams are used as cushioning material in the different end use products such as beds, mattresses, chairs, garden furniture pillows, carpet cushions, automobile parts (seats, arm rest, headrests, and others), and others. Flexible Foam consist of different types of foam which are used for cushioning purpose. It is a type of polymeric foam produce by combination of TDI, polyols, additives, and blowing agents.

    ReplyDelete
  43. Kingdom Valley Islamabad a new luxury-housing society developing in the core of Islamabad. This project is located in the middle of luxury housing projects on Chakri road. With its serene infrastructure and amenities like hospitals, parks, schools etc. Kingdom Valley takes your lifestyle one grade higher. It offers you different sizes of commercial and residential plots. Kingdom Valley offers you a friendly-budget payment plan and easy installments that make an ease for the investors to invest.

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top