שימוש ב- font facr

מצאת אתר שלא נראה טוב ב-Mozilla כי הוא לא תואם לתקן? פרסם כאן. מנסה להתאים את אתרך לעבודה עם מנוע התצוגה Gecko? פרסם וננסה לעזור.
אוב

שימוש ב- font facr

הודעה שלא נקראהעל ידי אוב » 10 יוני 2013, 13:21

אני משתמש בקוד ה-CSS הבא:

קוד: בחר הכל

@font-face
{
    font-family:Spoiler;
    src:url('fonts/Spoiler-Regular.ttf');
}

@font-face
{
    font-family:Spoiler;
    src:url('fonts/Spoiler-Regular.eot'); /* IE9 */
}

html, body 
{
    height: 100%;
    font-family:Spoiler;
    font-size:12px;
    margin:0;
    background-color:#ffffff;
    color:#000000;
}


ואני רוצה לדעת אם הוא נכון.
איך אני משתמש נכון ב font face שאני יכול לראות תוצאות נכונות גם במחשב שאני בונה את האתר וגם בגרסה באוויר?
אני חייב לשים את הקבצים בשורש של האתר או לספק נתיב מלא?
נערך לאחרונה על ידי תומר ב 14 יוני 2013, 19:45, נערך פעם 1 בסך הכל.
סיבה: הוספת תגיות קוד

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: שימוש ב- font facr

הודעה שלא נקראהעל ידי חתול » 10 יוני 2013, 13:54

באופן כללי הוא נראה נכון, אבל אין סיבה להפריד את סוגי הקבצים.

קוד: בחר הכל

@font-face
{
font-family:Spoiler;
src:url('fonts/Spoiler-Regular.ttf'),
     url('fonts/Spoiler-Regular.eot'); /* IE9 */
}


ואת הנתיב של הקבצים אתה נותן יחסית לקובץ ה־CSS שבו אתה קורא להם. אל תשתמש בנתיב מלא.
נערך לאחרונה על ידי חתול ב 10 יוני 2013, 14:31, נערך פעם 1 בסך הכל.

אוב

Re: שימוש ב- font facr

הודעה שלא נקראהעל ידי אוב » 10 יוני 2013, 14:06

אוקי, קובץ ה-CSS שלי נמצא ב-root והקבצים של הפונטים נמצאים בתיקייה בשם fonts.
אז זה נכון ככה?
יש שיטה לבדוק שזה באמת משפיע?

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: שימוש ב- font facr

הודעה שלא נקראהעל ידי חתול » 10 יוני 2013, 14:32

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

אוב

Re: שימוש ב- font facr

הודעה שלא נקראהעל ידי אוב » 10 יוני 2013, 14:43

ראיתי ב- web console שיש לי שגיאה

קוד: בחר הכל

[14:35:54.344] downloadable font: invalid version tag (font-family: "spoiler" style:normal weight:normal stretch:normal src index:0)

זה קשור למשהו?
כי הפונט לא משתנה

הגדרתי את זה בראש הקובץ של ה-css לפני הכל, זה תקין ככה?


חזור אל “כתיבה לפי התקן”



מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ואורח אחד