מאמרים אחרונים מאמרים אחרונים
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
24/08/2018 13:39
הקמת פורטל בריאות באנגלית
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...
שפת שרת מול שפת לקוח
04/07/2018 14:10
מה ההבדל בין php ל python

עיצוב גופנים

»
»
עיצוב גופנים

משחק עם הגדרות font - שינוי הגדרת סוג הגופן, גודל הגופן ועיצובי גופן.

סוגי הגופנים הקיימים מחולקים למשפחות לפי הסגנון שלהם. המשפחות העיקריות הן:

  • Serif - גופנים שבהם בקצות האותיות יש קווים נוספים שמעטרים את הגופן, כמו למשל Times New Roman.
  • Sans-Serif - גופנים שבהם לא קיימת תוספת העיטור הנ"ל כמו למשל Arial.
  • Monoscape - גופנים שבהם כל האותיות הן בעלות רוחב זהה, כמו למשל Courier New.

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

p {
    font-family:Arial, Verdana, Sans-serif;
}

שמות של פונטים המורכבים מיותר ממילה אחת ייכתבו במרכאות, כמו למשל "Courier New".

טקסט נטוי

בכדי להגדיר אם הפונט יהיה נטוי (italic) או רגיל, משתמשים בתכונה font-style. ישנן שלוש אפשרויות להכניס בערך (Value) של תכונה זו: italic, normal או oblique שהוא גם פונט נטוי. במקום שבו אנו רוצים שחלק מהטקסט יהיה נטוי, עלינו להגדיר לו ב-html מחלקה (Class) מתאימה, נניח ששמה italic, ולאחר מכן לאפיין את התכונות של מחלקה זו ב-CSS. בצורה זו, כל המקומות שבהם הוגדרה המחלקה italic יופיעו כפונט נטוי. כך זה ייראה ב-CSS:

p.italic {
    font-style:italic;
}

הגדרת גודל הפונט

בכדי להגדיר את גודל הפונט בטקסט, משתמשים בתכונה font-size, כאשר הערך נכתב בפיקסלים, כמו למשל:

p {
    font-size:16px;
}

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

כיום מקובל להגדיר את גודל הפונט באופן אבסולוטי ע"י שימוש בפיקסלים px, ולא באופן רלטיווי באמצעות em. השימוש ב-em הומצא על מנת לפתור את הבעיה בדפדפן אינטרנט אקספולרר, שם לא ניתן להגדיל ולהקטין את גודל הפונט בטקסט (אלא רק בעזרת כלי הזום).

 

הוספת תגובה

רוצה שנקפיץ גם את העסק שלך?

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

שילוב מנצח של טכנולוגיה שהיא חוד החנית עם ליווי אישי להצלחה!

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: