svg to font
-
אני מנסה להמיר קבצי svg ל'פונט' כדי להשתמש איתו באתר, וייצאתי מAI קובץ svg שאם אני מריץ אותו בכרום אז רואים את האייקון, אבל כשאני מעלה אותו לאתרים כמו http://app.fontastic.me או http://fontello.com/ (כדי להמיר אותו לפונט) הוא מציג הרבה אלמנטים מוזרים אבל לא צליח לקרוא את האייקון הספציפי וכש"כ שלא ממיר אותו.
מישהו יודע איך צריך להגדיר את הsvg?
תודה.
מצורף הsvg שייצאתי (כיווצתי אותו כדי שיוכל לעלות לפורום).פורסם במקור בפורום CODE613 ב02/10/2017 19:57 (+03:00)
-
ראיתי איך אפשר לעבוד בלי להמיר את הSVG, רק ללכוד אותו.
http://edutechwiki.unige.ch/en/Using_SVG_with_HTML5_tutorialאבל הsvg המיוצא מאילוס כבד מאד, ולא הצלחתי לטפל בו.
פורסם במקור בפורום CODE613 ב03/10/2017 21:09 (+03:00)
-
פורסם במקור בפורום CODE613 ב16/10/2017 10:20 (+03:00)
-
לא הצלחתי לטפל בSVG כדי לעשות עליו שינויים ב- hover אם הsvg מגיע מ-AI.
תוכל לפרט?
בקשר להמרת SVG לפונט חיפשתי ודרך כאן https://graphicdesign.stackexchange.com/questions/3253/how-to-make-a-font-with-adobe-illustrator ראיתי שיש תוכנה זו http://fontforge.github.io/en-US/פורסם במקור בפורום CODE613 ב16/10/2017 12:56 (+03:00)
-
לדוגמא אם אני רוצה לגשת לעשות שינויי אפקט בעת hover, אז ראיתי מאמרים שאפשר לעשות ב-html תגית svg ולעשות שם אלמנטים וקטוריים שהhtml קורא, ועליהם לעשות מניפולציות בCSS. אבל לא הצלחתי ללכוד אלמנטים וקטוריים מקובצי svg שייוצאו מ-ai ולהטמיע אותם בתגיות ה-svg בhtml.
פורסם במקור בפורום CODE613 ב17/10/2017 00:40 (+03:00)
-
אכן, SVG זה קובץ טקסט בפורמט XML פשוט.
והוא נתמך בHTML ואפשר לקרוא לאלמנטים של גוף הSVG עם קלאס וID כמו אלמנטי הHTML וכך לסגנן אותם בCSS.
ראה פה: https://css-tricks.com/using-svg/אבל הקובץ שלך שמכיל עיפרון פשוט נראה משהו מורכב ביותר, אינני מבין איך כזה ציור פשוט נהיה בייצוא של AI כזה בלגן.
אני סבור שעליך לפשט את צורת יצירתו של הציור. אתה ציירת אותו בעצמך? הרעיון בויקטורי זה לעבוד עם חוקים והצהרות ולא עם העובדות עצמם, למשל בשביל למלאות עיגול בצבע שחור יש לעשות FILL וחלילה לא לקשקש שם בקוים עד שנהיה חושך.פורסם במקור בפורום CODE613 ב17/10/2017 21:34 (+03:00)
