הוספה והטמעת פונטים של גוגל לאתר וורדפרס

ישנם מספר דרכים להוסיף Google Fonts לאתר וורדפרס, אתן פה דוגמה לשתיים מהן. אפשרות ראשונה והפחות מומלצת היא להוסיף את הפונטים ישירות ל header.php של התבנית (כמובן שעדיף בתבנית בת).

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lora|Oswald" media="screen">

כשאתם משתמשים בשיטה זו שימו לב כי עליכם להוסיף את הקריאה ל Google Fonts לפני שאתם קוראים לקובץ stylesheet הראשי.

אפשרות שנייה ויותר מומלצת היא על ידי שימוש ב wp_register_style ו wp_enqueue_style. הוסיפו את הקוד הבא לקובץ functions.php:


/* The Right way to add Google Fonts to WordPress */
function add_my_google_fonts() {

	wp_register_style('my-googleFonts', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,700,400');
    wp_enqueue_style( 'my-googleFonts');
}
add_action('wp_enqueue_scripts', 'add_my_google_fonts');

ישנה גם אפשרות להטמעה לוקאלית של פונטים מגוגל. להטמעה לוקאלית מספר יתרונות ואם מעניין אתכם הנושא, תנו מבט בפוסט טעינה לוקאלית של פונטים מגוגל (Google Fonts).
.

2תגובות...
  • שלי 27 בדצמבר 2018, 11:12

    היי, אני רוצה להוריד OPEN SANS HEBREW יש אופציה כזו? כי מצאתי את הקישורים הללו:

    @import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
    function add_my_google_fonts() {
        wp_register_style('Open Sans Hebrew', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,700,400');
        wp_enqueue_style( 'Open Sans Hebrew');
    }
    add_action('wp_enqueue_scripts', 'add_my_google_fonts');
    • רועי יוסף 27 בדצמבר 2018, 11:19

      היי שלי,

      Open Sans Hebrew לא קיים ב Google Fonts. את יכולה להוסיף את הקוד הראשון בתגובה שלך לקובץ ה CSS ולהשתמש בו. לאחר שהוספת את יכולה להשתמש בו בצורה הבאה:

      .class {
        font-family: 'Open Sans Hebrew', serif;
      }

השאירו תגובה

Up!