משקל 900 (כבד)
גודל 62 פיקסל
גובה־שורה 70 פיקסל
רווח־אות 1- פיקסל
חלק מהעבודה של להיות אמן זה להשתתף בטכסים הקרואים
משקל 400 (רגיל)
גודל 24 פיקסל
גובה־שורה 35 פיקסל
פגשתי את יושי באחת מחנויות האלקטרוניקה הענקיות בטוקיו. הוא היה העובד היחיד בחנות שדיבר אנגלית. אני רציתי לקנות
משקל 300 (קל)
גודל 24 פיקסל
גובה־שורה 35 פיקסל
ש: מה אתה אוהב אצלי? ת: אתה מאד נאמן… רגע זה כללי מדי. אתה שם כשצריך אותך. זה גם חשוב לך. אתה גם מסביר את עצמך טוב
משקל 500 (בינוני)
גודל 15 פיקסל
גובה־שורה 23 פיקסל
פגישת עבודה. ברביעי שעבר היתה לי פגישת עבודה במוזיאון ישראל בירושלים. בקשתי שיאשרו לי כניסה לאופניים. אישרו. חשבתי שאכנס דרך כניסת העובדים, אבל לא, אמרו לי תכנסי מהכניסה הראשית. וכך מצאתי את עצמי, מובילה את אופניי
משקל 700 (בולד)
גודל 10 פיקסל
גובה־שורה 16 פיקסל
הקיץ בפתח, וגם השנה כמו בכל שנה הוא מביא איתו – ניחשתם נכון – קייטנות עיצוב גרפי! רובן באירופה, נמשכות שבוע-שבועיים במהלך יולי-אוגוסט, ומתהדרות במדריכים מהשורה הראשונה של עולם העיצוב. רוב הקייטנות הסדנאות מתמקדות בטיפוגרפיה ועיצוב גרפי "קלאסי" ומיועדות למספר ...
* הטקסטים־החיים המוצגים כאן נמשכו באופן אוטומטי ע"י קוד תוכנה ממגזין אנטייטלד .
גדלים מומלצים למשקל 900 (כבד):
10| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
15| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
17| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
23| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
25| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
30| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
31| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
33| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
34| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
36| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
39| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
42| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
גדלים מומלצים למשקל 400 (רגיל):
13| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
14| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
15| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
17| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
19| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
21| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
24| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
26| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
28| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
32| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
34| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
36| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
37| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
גדלים מומלצים למשקל 300 (קל):
13| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
14| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
15| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
16| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
17| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
18| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
20| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
22| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
24| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
26| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
28| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
30| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
32| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
34| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
62| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
גדלים מומלצים למשקל 500 (בינוני):
9| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
10| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
11| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
12| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
13| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
15| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
18| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
20| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
22| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
24| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
26| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
30| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
32| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
34| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
36| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
67| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
גדלים מומלצים למשקל 700 (בולד):
10| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
12| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
29| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
31| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
32| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
37| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
39| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
45| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
47| אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789ABCDEFGHIJKLMNOPQRSTUV
כל המשקלים
משקל 300 (קל)
משקל 400 (רגיל)
משקל 500 (בינוני)
משקל 700 (בולד)
משקל 900 (כבד)
הוראות הטמעה
א העלו את קובצי גופני־הרשת
בעזרת תוכנת FTP – העלו אל השרת של האתר שלכם את התיקיה font_files (שהגיעה בתוך הערכה שרכשתם).
ב קשרו את הקבצים שהעליתם
העתיקו את הקוד הבא, והדביקו אותו בתוך איזור ה־HEADER של האתר שלכם. בכל מקום שבו כתוב YOUR_FULL_URL_PATH_HERE שנו לכתובת המלאה של התיקיה בה נמצאים קובצי הגופן־רשת שהעליתם. לדוגמא: http://yoursite.co.il/font_files חובה להכליל את החלק העליון עם פרטי רשיון גופן־הרשת (מה שמופיע כאן בצבע אפור). במידה ואתם לא מתכוונים להשתמש בכל המשקלים באתר שלכם אתם יכולים לוותר על חלקי הקוד עבור המשקלים שבהם לא תשתמשו.
<!--
/* All fonts listed in this notice are subject to the End User License Agreement entered into
* by this website's owner. All other parties are explicitly restricted from using the Licensed
* Webfonts(s). To obtain a valid license visit: http://alefalefalef.co.il/atlas/
*
* Webfont Name: אטלס
* Foundry: Alef Alef Alef (c) 2013 אאא
* License: http://alefalefalef.co.il/webfonts/
* Licensed pageviews limit: 10,000/month
*/ -->
<style type='text/css'>
@font-face{
font-family:'atlas';
font-weight:700; /*(bold)*/
font-style: normal;
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-700.eot');
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-700.eot?#iefix') format('embedded-opentype'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-700.woff') format('woff'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-700.ttf') format('truetype');
}
@font-face{
font-family:'atlas';
font-weight:500; /*(medium)*/
font-style: normal;
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-500.eot');
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-500.eot?#iefix') format('embedded-opentype'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-500.woff') format('woff'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-500.ttf') format('truetype');
}
@font-face{
font-family:'atlas';
font-weight:900; /*(black)*/
font-style: normal;
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-900.eot');
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-900.eot?#iefix') format('embedded-opentype'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-900.woff') format('woff'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-900.ttf') format('truetype');
}
@font-face{
font-family:'atlas';
font-weight:300; /*(light)*/
font-style: normal;
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-300.eot');
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-300.eot?#iefix') format('embedded-opentype'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-300.woff') format('woff'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-300.ttf') format('truetype');
}
@font-face{
font-family:'atlas';
font-weight:400; /*(regular)*/
font-style: normal;
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-400.eot');
src: url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-400.eot?#iefix') format('embedded-opentype'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-400.woff') format('woff'),
url('YOUR_FULL_URL_PATH_HERE /atlas-aaa-400.ttf') format('truetype');
}
</style>
ג עדכנו את קובץ העיצוב
כדי להשתמש בגופני־הרשת החדשים שלכם יש לקרוא להם בקובץ העיצוב (css).
הגדירו את שם הגופן
,
את המשקל
(100/200/300/400/500/600/700/800/900)
ואת גודל הגופן בפיקסלים.
חשוב מאד לעבוד אך ורק עם הגדלים המומלצים לשימוש המופיעים בטאב של כל משקל כאן למעלה .
הנה דוגמא של פקודות ה־CSS
שהגדרנו עבור הגופנים שנמצאים בטאב
הצעת הגשה
של גופן זה:
h1 {
font-family: 'atlas', sans-serif ;
font-weight: 300 ;
font-size: 24px ;
}
h2 {
font-family: 'atlas', sans-serif ;
font-weight: 400 ;
font-size: 24px ;
}
h3 {
font-family: 'atlas', sans-serif ;
font-weight: 500 ;
font-size: 15px ;
}
p {
font-family: 'atlas', sans-serif ;
font-weight: 700 ;
font-size: 10px ;
}
small {
font-family: 'atlas', sans-serif ;
font-weight: 900 ;
font-size: 62px ;
}
ד בדיקה וקבלת פידבק מאיתנו
לאחר שהטמעתם את גופני־הרשת החדשים שלכם תדאגו לבדוק שהם נראים כמו שצריך -
והכי חשוב - לראות איך זה נראה באקספלורר על מחשב פי־סי.
אם זה נראה מזוגזג, זה כנראה כי לא השתמשתם בגדלים המומלצים שמופיעים בטאב של כל משקל.
לאחר שסיימתם, נשמח לראות, להתגאות ולסייע לכם לשפר את הנראות של הגופנים באתר שלכם. כתבו לנו דרך עמוד
יצירת הקשר .
איך עובד רישיון גופנים מסוג גופן־רשת (Webfont)
גופני־הרשת מביאים איתם בשורה חדשה בתחום הגופנים, ואנחנו כבר לא יכולים לחכות לראות איך תשתמשו בהם.
שלמו פעם אחת והגופן יהיה שלכם לנצח נצחים. תוקפו של רישיון גופן־הרשת שלכם לא יפוג לעולם ואינו כרוך בעלות חודשית נוספת.
ארזנו את גופני־הרשת שלנו בערכות מיוחדות כדי שיהיה לכם פשוט וקל להעלות אותם לאתר שלכם – לכל שרת שתרצו. יש להשתמש בקוד ה־CSS שחיברנו ובהוראות ההטמעה המופיעים אצלנו באתר ושמתעדכנים מעת לעת.
רישיון גופן־רשת מקנה שימוש בגופן שרכשתם בדומיין אחד בלבד, ומוגבל למיליון צפיות עמודים בחודש.
אם יש לכם אתרים עסוקים ושוקקים יותר, בעלי יותר ממליון צפיות עמודים בחודש תוכלו לשדרג את הרישיון שלכם לרישיון בלתי מוגבל בצפיות שמחירו פי 5 ממחיר הגופן.
פורמטים ותאימות
גופני־רשת נתמכים על ידי FireFox 3.5 + ,5 + IE, אופרה 10 +, 4 + Chrome ,Safari 3.1 + ,iOS Mobile Safari ,Android 2.2 + ו-BlackBerry OS 6.
הערכות כוללות קובצי גופנים בפורמטים EOT ,TTF (web-only) ,WOFF.