איך להשתמש בGoogle Fonts?

בין אם זה אתר במערכת וורדפרס או אחר, אנו ממליצים להשתמש בפונטים של גוגל פונטס.

הנה הדרך הפשוטה להטמיע גוגל פונטס באתרכם, אני אתייחס פה לוורספרס ולאתר כללי.

אם אתם משתמשים בוורדפרס (יש תבניות פרימיום שמותקנות בהם Google Fonts בתבנית עצמה ומה שתצטרכו לעשות זה לחפש בניהול התבנית את הפונט הרצוי)
במידה ואין לכם תבנית שתומכת בגוגל פונטס היכנסו לאתר של גוגל פונטס , ותחפשו בפונטים בעברית (בצד יש לכם Languages תבחרו Hebrew).
בחרו את הפונט המתאים לכם הייתי ממליץ על (Rubik או Assistant), תוכלו לשחק עם תיבת הטקסט לראות כיצד יראה הפונט.

לחצו על הפלוס האדום בצד תיבת הפונט

ויפתח לנו החלון הבא בתחתית העמוד -

עכשיו בלשונית CUSTOMIZE תוכלו להגדיר את משקל הגופן, אם אתם יודעים במה תרצו להשתמש אחלה, אם לא אנו ממליצים לבחור הכל.
עכשיו בואו נחזור ללשונית EMBED ונראה שני דרכים להטמיע את הפונט STANDARD/@IMPORT .

נציין פה שהגוגל מגוגל פונטס ישירות ללא הורדה נטען במהירות יחסית, אם השרת שלכם איטי אנו ממליצים לא להוריד את הקבצים לשרת.

נעתיק את הקוד - 

במידה ויש לכם וורדפרס נלך לתבניות->עריכה-> נחפש את header.php (בעברית הוורדפרס קורא לזה "ההדר של התבנית") ונערוך אותו.
לאחר מכן חפשו את התגית(אם לא מצאתם את תג הנסו לחפש תבניות דומות לדוגמא יצא לנו לפגוש header-main וכד') והטמיעו את הקוד אחריי הcss שלכם. 

אם אין לכם אתר וורדפרס זה יהיה אותו התהליך נלך לקבצי האתר ונחפש את header.php / head.php והטמיע את הקוד בתגית HEAD.

כעת נעבור לתבניות->עריכה->ונערוך את style.css (גליונות סגנון בעברית), וחפשו את body הוא אמור להיות בתחילת העמוד והכניסו אליו את הקוד השני שגוגל הביא לנו.

font-family: 'Rubik', sans-serif;

אם קיים אצלכם פונט קיים חפשו בfont-family והחליפו את כולם בקוד.
במידה ואין לכם אתר וורדפרס גשו לקבצים וחפשו את קובץ הstyle שלכם, ותעברו על אותו התהליך.

דרך מס' 2 (@IMPORT):

נעתיק את ההקוד:

@import url('https://fonts.googleapis.com/css?family=Rubik:400i');
 

נעור ישר לcss שלנו ונדביק אותו בראש העמוד.

חפשו את body הוא אמור להיות בתחילת העמוד והכניסו אליו את הקוד השני שגוגל הביא.

font-family: 'Rubik', sans-serif;

אם קיים אצלכם פונט קיים חפשו בfont-family והחליפו את כולם בקוד.

שווה לקרוא