פונטים לאתר מהשרת שלנו

לרישיון לאתר ולמנוי הווב. שורה אחת בעמוד ושני משתני CSS.

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

<link rel="stylesheet" href="https://fonts.wonderfont.art/s/<site id>.css">

h1, h2 { font-family: var(--wf-heading); }
body { font-family: var(--wf-body); }

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

איפה מדביקים, לפי פלטפורמה

בכל מקום זה שתי הדבקות: השורה הולכת ל head של האתר ושורות ה CSS הולכות למקום שבו האתר שומר את העיצוב.

וורדפרס

מתקינים תוסף קטן שמוסיף קוד ל head, למשל WPCode (חינמי). בתיבת ה Header שלו מדביקים את השורה ושומרים.

לשורות ה CSS: עיצוב, התאמה אישית, CSS נוסף. מדביקים ומפרסמים.

Wix

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

לשורות ה CSS צריך Wix Studio: עיצוב האתר, CSS. בעורך הרגיל של Wix אין תיבת CSS ולכן שם אי אפשר להגדיר את הפונטים בדרך הזאת.

Squarespace

Settings, Advanced, Code injection. מדביקים את השורה בתיבת ה Header ושומרים.

לשורות ה CSS: Website, Custom CSS. מדביקים ושומרים.

Webflow

Project settings, Custom code, Head code. מדביקים את השורה ומתחתיה את שורות ה CSS בין <style> ל </style>. שומרים ומפרסמים את האתר.

Shopify

Online store, Themes, Edit code. פותחים את layout/theme.liquid ומדביקים את השורה ממש לפני </head>.

לשורות ה CSS: פותחים את קובץ העיצוב הראשי של התבנית תחת Assets (base.css או theme.css), מדביקים בסוף ושומרים.

אתר HTML משלכם

מדביקים את השורה בתוך ה head של כל עמוד, או של התבנית שממנה כל העמודים נבנים. את שורות ה CSS מדביקים בקובץ העיצוב שלכם.