מפל של סינופסיס מפל של סינופסיס
משקלות של סינופסיס משקלות של סינופסיס
מפת תוים של סינופסיס מפת תוים של סינופסיס

עיצוב ואנימציה

Tactile Studio

מוסיקה

Eric Steuer - Bust That Rap

גדלים מומלצים למשקל 200 (דק):


29|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

31|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

33|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

36|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

37|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

38|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

40|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

55|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

72|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

גדלים מומלצים למשקל 300 (קל):


29|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

33|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

42|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

46|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

69|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

89|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

גדלים מומלצים למשקל 400 (רגיל):


22|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

26|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

38|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

40|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

42|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

44|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

46|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

67|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

גדלים מומלצים למשקל 700 (בולד):


12|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

14|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

18|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

20|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

22|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

30|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

31|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

34|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

37|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

39|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

44|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

גדלים מומלצים למשקל 600 (סמי־בולד):


14|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

16|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

18|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

20|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

22|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

26|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

33|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

37|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

41|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

46|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

66|אבגדהוזחטיכךלמםנןסעפףצץקרשת0123456789

הוראות הטמעה

  1. א העלו את קובצי גופני־הרשת

    בעזרת תוכנת FTP – העלו אל השרת של האתר שלכם את התיקיה font_files (שהגיעה בתוך הערכה שרכשתם).

  2. ב קשרו את הקבצים שהעליתם

    העתיקו את הקוד הבא, והדביקו אותו בתוך איזור ה־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/synopsis/
 * 
 * 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:'synopsis';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-700.eot'); 
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-700.eot?#iefix') format('embedded-opentype'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-700.woff') format('woff'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-700.ttf') format('truetype');
}
@font-face{
	font-family:'synopsis';
	font-weight:200; /*(extralight)*/
	font-style: normal;
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-200.eot'); 
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-200.eot?#iefix') format('embedded-opentype'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-200.woff') format('woff'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-200.ttf') format('truetype');
}
@font-face{
	font-family:'synopsis';
	font-weight:600; /*(semibold)*/
	font-style: normal;
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-600.eot'); 
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-600.eot?#iefix') format('embedded-opentype'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-600.woff') format('woff'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-600.ttf') format('truetype');
}
@font-face{
	font-family:'synopsis';
	font-weight:300; /*(light)*/
	font-style: normal;
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-300.eot'); 
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-300.eot?#iefix') format('embedded-opentype'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-300.woff') format('woff'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-300.ttf') format('truetype');
}
@font-face{
	font-family:'synopsis';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-400.eot'); 
	src: url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-400.eot?#iefix') format('embedded-opentype'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-400.woff') format('woff'), 
		url('YOUR_FULL_URL_PATH_HERE/synopsis-aaa-400.ttf') format('truetype');
}
</style>
<link href='http://fonts.googleapis.com/css?family=Neuton:200,300,400,700' rel='stylesheet' type='text/css'>

  3. ג עדכנו את קובץ העיצוב

    כדי להשתמש בגופני־הרשת החדשים שלכם יש לקרוא להם בקובץ העיצוב (css). הגדירו את שם הגופן (כולל גופן לטיני משלים), את המשקל (100/200/300/400/500/600/700/800/900) ואת גודל הגופן בפיקסלים. חשוב מאד לעבוד אך ורק עם הגדלים המומלצים לשימוש המופיעים בטאב של כל משקל כאן למעלה.
    הנה דוגמא של פקודות ה־CSS שהגדרנו עבור הגופנים שנמצאים בטאב הצעת הגשה של גופן זה: 

    h1 { 
font-family:   'synopsis', 'Neuton', serif; 
font-weight:   200; 
font-size:     72px; 
}
h2 { 
font-family:   'synopsis', 'Neuton', serif; 
font-weight:   300; 
font-size:     29px; 
}
h3 { 
font-family:   'synopsis', 'Neuton', serif; 
font-weight:   400; 
font-size:     22px; 
}
p { 
font-family:   'synopsis', 'Neuton', serif; 
font-weight:   600; 
font-size:     14px; 
}
small { 
font-family:   'synopsis', 'Neuton', serif; 
font-weight:   700; 
font-size:     18px; 
}

  4. ד בדיקה וקבלת פידבק מאיתנו

    לאחר שהטמעתם את גופני־הרשת החדשים שלכם תדאגו לבדוק שהם נראים כמו שצריך - והכי חשוב - לראות איך זה נראה באקספלורר על מחשב פי־סי. אם זה נראה מזוגזג, זה כנראה כי לא השתמשתם בגדלים המומלצים שמופיעים בטאב של כל משקל. לאחר שסיימתם, נשמח לראות, להתגאות ולסייע לכם לשפר את הנראות של הגופנים באתר שלכם. כתבו לנו דרך עמוד יצירת הקשר.


איך עובד רישיון גופנים מסוג גופן־רשת (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.