דף המידע

.‫על שרת עצמאי‬
‫כיצד להתקין פונטפייס‬
CSS ‫) וקובץ‬ttf, svg, eot, woff( .‫ קבצים עבור כל משקל שנרכש‬4 ‫ קיבלתם‬,‫ בחבילה שקיבלתם‬.‫א‬
.‫המגדיר את קבצי הפונטים‬
)/fonts ‫ (לדוגמה‬.‫ יש לשים אותם בתיקייה שיש לה גישה לשרת האינטרנט‬.‫ב‬
‫ שסיפקנו עם המשקלים באותה התיקייה* ולהוסיף קריאה לו‬CSS -‫ כמו כן יש לשים את קובץ ה‬.‫ג‬
:‫לדפי האתר הקוראים לפונט לדוגמה‬
<link rel="stylesheet" href="/fonts/style.css" charset="utf-8" />
)‫ (אותו בלוק לכל פונט שרכשתם‬:CSS-‫ דוגמה לתוכן קובץ ה‬.‫ד‬
@font-face {
font-family: 'MasaBold';
src: url('masaboldwebfont.eot');
src: url('masaboldwebfont.eot?#iefix') format('embedded-opentype'),
url('masaboldwebfont.woff') format('woff'),
url('masaboldwebfont.ttf') format('truetype'),
url('masaboldwebfont.svg#MasaBold') format('svg');
font-weight: normal;
font-style: normal;
}
:)‫ לפי שמו לדוגמה (כדי להגדירו בשימוש בכל הדפים‬,‫ לפי הצורך‬CSS-‫ יש לקרוא לפונט בקובץ ה‬.‫ה‬
Body}
font-family: 'MasaBold';
direction:rtl;
}
:‫ לדוגמה‬,‫ מומלץ לתת פונט מערכת חלופי למקרה שישנם בעיות בטעינת הפונט‬.‫ו‬
Body}
font-family: 'MasaBold', Arial;
direction:rtl;
}
90-5105106 :‫ פקס‬,90-5155155 :‫ טל‬1905 ‫ד‬.‫ ראשל"צ ת‬51 ‫האצ"ל‬
www.fontbit.co.il [email protected]
‫ של האתר ולעדכן אותו לנתיב בו נמצאים קבצים הפונטים‬CSS -‫* ניתן לשים את תוכן הקובץ בקובץ ה‬
.‫ וספריות האתר‬CSS-‫ביחס למיקום ה‬
‫ יש לשנות את‬,/fonts ‫ והקבצים נמצאים בתיקיית‬,/css/style.css-‫ נמצא ב‬CSS-‫ קובץ ה‬,‫לדוגמה‬
:‫הגדרת הפונט לצורה הבאה‬
@font-face {
font-family: 'MasaBold';
src: url('/fonts/masaboldwebfont.eot');
src: url('/fonts/masaboldwebfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/masaboldwebfont.woff') format('woff'),
url('/fonts/masaboldwebfont.ttf') format('truetype'),
url('/fonts/masaboldwebfont.svg#MasaBold') format('svg');
font-weight: normal;
font-style: normal;
}
90-5105106 :‫ פקס‬,90-5155155 :‫ טל‬1905 ‫ד‬.‫ ראשל"צ ת‬51 ‫האצ"ל‬
www.fontbit.co.il [email protected]