יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
22/06/2021 14:16
בניית חנות וירטואלית למכירת כספות
22/06/2021 13:29
בניית אתר מכירות לטפטים תלת מימדיים ולמדבקות קיר בעברית וברוסית
21/06/2021 21:56
הקמת חנות וירטואלית לעיצוב הבית, חנות למכירת שטיחים, תמונות, טפטים ומדבקות קיר
29/04/2021 16:53
חנות למכירת מחשבים וסלולר באינטרנט
22/04/2021 16:45
חובב ספרים, קריאת מגזינים או מילוי תשבצים? מתכנן להקים אתר למכירה של ספרים ומוצרי דפוס שונים? ליקטנו...
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית לרהיטים
25/11/2020 16:36
בהחלט יכול להתאים. עם זאת, צרי...
בניית חנות וירטואלית לרהיטים
25/11/2020 11:39
האם זה יכול להתאים לעמותה שמעו...
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...

עיצוב גופנים

  1. דף הבית
  2. מדריך HTML5
  3. עיצוב גופנים

משחק עם הגדרות 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
או מלא את הטופס להלן: