המדריך להטמעת פונטי רשת של פונטייפ באתר אינטרנט

לצורך ההמחשה השתמשנו בפונט EFTNewLetterRegula – שימו לב כי אתם צריכים להחליף את שם הפונט, בהתאם לפונט אותו בחרתם.

לאחר קבלת קבצי הפונט (woff, svg, eot) גשו לתיקיית האתר בה נמצא קובץ CSS של העיצוב (style.css)

העלו לשם את כל קבצי הפונטים אותם קיבלתם עבור האתר.

פתחו בעורך טקסט את קובץ ה CSS של האתר והדביקו בראש הקובץ את שורות הקוד הבאות:

@font-face {
font-family: 'EFTNewLetterRegular';
src: url('eft_newletter-webfont.eot');
src: url('eft_newletter-webfont.eot?#iefix') format('embedded-opentype'),
url('eft_newletter-webfont.woff') format('woff'),
url('eft_newletter-webfont.ttf') format('truetype'),
url('eft_newletter-webfont.svg#EFTNewLetterRegular') format('svg');
font-weight: normal;
font-style: normal;
}

שימו לב לשים בכתובת URL את הקישור היחסי לקבצי הפונט שהעלתם ל FTP

כעת כל שנותר לכם לעשות, זה להשתמש בשם הפונט בהגדרת משפחת הפונט בקובץ CSS

לדוגמא:

#h1 {
font-family:EFTArtzisraeliRegular, arial;
}

בהצלחה!

לתמיכה ושאלות נוספות – דברו איתנו באמצעות טופס צור קשר