
הטקסט המלא של הדקות הראשונות בהרצאה «יצירת פקדים ואילוצים מהקוד בצורה דינמית» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
ברוכים הבאים לפני שנתחיל אני רוצה להציג בפניכם שאלה איך אתם רוצים לגרום למסך הזה להיראות טוב יותר מה נראה לא בסדר במסך מה אתם אומרים אני חושב שהתשובה היא החלפת הפונט ואנחנו רוצים לדבר היום על בחירת פונטים לפרויקט לאו דווקא מהפונטים שנכללים על ידי אפל כי לפעמים נניח בעברית אין לנו פונטים יפים מספיק
ואז אנחנו בבעיה יש הרבה פונטים שנכללים ב-iOS וזה מצוין אבל הרבה פעמים בפרויקטים אנחנו נתקלים בדרישה גבוהה יותר למשל פונט בעברית שהוא שונה אז אנחנו רוצים ללמוד היום איך לעבוד עם custom fonts כדי שנוכל להתחיל ככה ברגל ימין הייתי רוצה להכיר לכם כמה קישורים מעניינים
בואו ניכנס רגע לאינטרנט דבר ראשון יש את פרויקט קולמוס ופרויקט קולמוס הוא פרויקט בעברית שנותן ככה פונטים בחינם לשימוש חוזה או מסחרי וכן הלאה.
אז כן, אז חיפשתי פשוט בגוגל פרויקט קולמוס פונטים, ואני נתקל פה באתר הזה של קולמוס בסורספורש.נט. כאן יש לנו כל מיני פונטים והרבה פעמים אתם תמצאו מה שאתם רוצים כאן.
אני אוהב את הפונטים שיש פה משום מה, אז ככה רציתי להכיר לכם את האתר הזה. כל הפונטים הם באמת ככה בחינם ואתם יכולים כמובן לקרוא את תנאי השימוש ולהשתמש.
כמובן שככה זה לא הפונטים היחידים אבל אם אנחנו כבר כאן אז בואו נוריד פונט אחד. בסדר? אנחנו נלך ל-Fancy Fonts ובוא נוריד נניח את DorianCLM. אני אעשה רגע דאונלוד.
הדרישות שלנו לגבי הורדה זה שהפונט יהיה מפורמט TrueType או OTF. בסדר? אז יש פה TrueType אני אוריד אותו ועוד מעט נכלול את זה בפרויקט שלנו.
דבר שני בואו נראה עוד אתרים ביחד האתר הבא שרציתי להכיר לכם הוא פונטים בעברית בחינם או בקיצור freefonts.co.il אתם תמצאו פה אינדקס יותר נוח כמובן שצריך למצוא פונטים לשימוש מסחרי בסדר וככה שמותרים לשימוש מסחרי ואם לא אז כמובן לשלם את התשלום עבור השימוש בפונטים.
יפה והאתר הזה מחלק אותם ככה אתם יכולים למצוא ולראות אז כאן אתם רואים אינדקס הרבה יותר ויזואלי ויותר נחמד וכמובן צריך ככה עבור הפונטים החינמיים אפשר להשתמש אם מקבלים את תנאי השימוש ועבור הפונטים המקצועיים בתשלום צריך לשנות. יפה.
דבר נוסף, יש לכם אתר מאוד מאוד נחמד שנקרא daphont.com וזה בעצם אתר בינלאומי, הוא לא לפונטים בעברית כמו שאתם יכולים לראות אבל הוא יכול לספק לכם צרכים ממש ממש מגניבים כמו אם נניח אתם רוצים למצוא פונט שדומה לסרט הסנדק בסדר או
נגיד נמו בוא נראה אם יש להם פונט של נמו אני לא יודע אוקיי יש להם כל מיני הם אומרים זה לא מזכיר לי באמת אבל בוא נראה Godfather נניח כי את זה כבר בדקתי אוקיי קורלאון מגניב ובוא נראה מה יש להם לגבי סטאר וורס יפה וכך הלאה באמת אתם יכולים למצוא פה כל מיני פונטים שיכולים להתאים בדיוק בדיוק למטרה שאתם רוצים וזה יכול ככה
נניח סופר מריו יכול ככה לבוא ולתרום לכם איזשהו עושר מסוים לייצוג ולמשחק שלכם. אז ראינו את האתר הזה עוד אתר נוסף שאתם צריכים להכיר אם אנחנו מדברים פה על פונטים כל כך הרבה זה אתר של googlefonts.com בפרויקט הזה גם כן נולדו כל מיני פונטים חינמיים אז שווה להכיר מה שאני אומר באתר הזה זה
שהוא מחלק אותם פה לפי קטגוריות לפי משפחות פונטים שזה החלוקה הבינלאומית ואז אתם יכולים לראות שפונטים עם סריף יש להם ככה קווים קטנים בצדדים זה מה שמאפיין את משפחת סריף אם שאלתם את עצמכם אי פעם סאן סריף הם ללא התוספות ללא צ'ופצ'יקים בצדדים פונטים לדיספלי מיועדים בדרך כלל לכותרות וכדאי להשתמש בהם לכותרות לעומת זאת הסריפים
הם טיפה פחות קלים לקריאה מאשר לסריפים סריפים זה הפונטים הכי קלים לקריאה הסנסריפים הם הפונטים הכי קלים לקריאה הסריפים הם מאוד מאוד קלים אז אם אתם נגיד רוצים לכתוב פונט שנראה אלגנטי ונראה יפה אתם יכולים להשתמש בסריפ בעוד שאם אתם רוצים לכתוב טקסט
ענק שאנשים צריכים לקרוא אותו מהר רצוי להשתמש בסנסריפ לכותרות אתם יכולים להשתמש בדיספלי פונטס ואתם יכולים גם להשתמש בהנדרייטינג אם זה רק כותרת יפה הנדרייטינג גם כמובן אפשר להשתמש בהערות ועוד כל מיני דברים נוספים כאלה קטנים.
מונוספייסים הם פונטים יותר לתכנות, זה לא פונטים יפים כל כך, הם מיועדים לקריאה עוד יותר מהירה וכל אות תופסת את אותו גודל כמו אותה אחרת ככה. זה יכול לתת הרגשה מסוימת אם אתם צריכים את זה בייצוג. יפה, אז סקרנו כל מיני אתרים מהעולם.
אם כבר אנחנו בעניין של סקירות, אז יש לנו את iosfonts.com וב-iosfonts אתם פשוט יכולים לדעת איזה פונט מותקן באיזה מערכת הפעלה של אפל אז כל הפונטים שאתם רואים כאן הם נמצאים באייפון ולא צריך להוריד אותם או להתקין אותם כי הם פשוט כבר built in כמובן שהתמיכה פה בפונטים מוזרים כמו הסנדק או פונטים בעברית היא תמיכה
מאוד מאוד בעייתית ועל כן השיעור של היום אבל יש פה הרבה פונטים וכיף חיים אפשר להשתמש גם כן לאנגלית יפה עכשיו מה שאנחנו רוצים לעשות אחרי שעברנו את הסקירה והורדנו לעצמנו פה איזשהו פונט אחד נגיד הורדנו את דוריאן אני ארצה לחלץ את
דוריאן בסדר ואני ארצה כמובן לשים אותו בפרויקט איכשהו אז בוא נראה איך אנחנו מייצרים פרויקט אני הולך לאקסקוד ואנחנו נייצר לעצמנו פרויקט חדש פייל ניו פרויקט דרך אגב אנחנו בשיעורים הבאים גם נייצר את המסך הזה עם הסרטים שראיתם מאחורה כרגע אנחנו רק רוצים ללמוד להשתמש ב-Custom Fonts ובשיעור הבא נמשיך מאותו פרויקט ולכן בואו כבר נקרא לפרויקט
שלנו Movies בסדר כדי שיהיה לנו פה איזשהו עבודה עם טייבל ויו בהמשך כרגע אנחנו עוסקים כמובן ב-Custom Fonts אז נבחר בשם הפרויקט Movies and Fonts כדי שנזכור ככה מה היה בפרויקט יפה אני מייצר את הפרויקט בתיקי הרגילה שלי ומה שאני אעשה בשביל הסדר הטוב אני פשוט אייצר לעצמי גרופ חדש גרופ אין לה הרבה משמעות מלבד סידור ואני פשוט
אקרא לגרופ שלי פונט ולכאן אני ארצה לשים את הפונטים. יש לי פונט אחד שאני רוצה לשים, זה הפונט שהורדנו קודם, בוא נמצא אותו, נניח אני אקח את זה שכבר הורדתי ואני רוצה לשים את זה איכשהו בפרויקט, אז בוא נראה איך שמים את זה בפרויקט, אני פותח את פיינדר בצד ימין, תיקיית פונט בצד שמאל, אני ארצה לקחת את הקובץ ttf,
יש פה גם איטה ליק אז אני ארצה אולי לקחת גם אותו אם אנחנו רוצים ואנחנו גם רוצים לקחת את הקובץ הזה של הרישיון gpl ואת כל אלה ביחד אנחנו רוצים לגרור לתוך הגרופ של פונדס עכשיו נשים לב שאנחנו רוצים להעתיק אייטמס if needed copy item if needed אנחנו רוצים folder reference ואנחנו רוצים שהקבצים האלה יצטרפו לפרויקט הצעד
הבא הוא להכריז שהפרויקט שלנו משתמש בקבצים שזה עתה הוספנו אז אנחנו רוצים ללכת לקובץ ההגדרות שנקרא info.plist ולהוסיף פה לתוך ה-information.plist כאן, בסדר?
אנחנו רוצים להוסיף פה ערך חדש ואנחנו פשוט יכולים לחפש פונטס עם אף גדולה, fonts provided by application, הפונטים שמספק את האפליקציה. הקשתי פעמיים enter והדבר הזה אני רואה הוא מערך.
אני פותח את המשולש, צריך ככה בעדינות להתנהל כאן. אני פותח את המשולש ומה שאני ארצה כאן להדביק בסטרינג זה את שם הקובץ שלי.
אז אני פשוט הולך לפונט ואני מדאיג נניח את הקובץ הזה כולל הסיומט ואני אשים את זה בפיליסט בואו תראו מה יצא לי דוריאן צילם מכבוק נקודת ttf אני יכול להוסיף עוד פונטים בצורה הזאת כדי להוסיף עוד פונטים אני פשוט יכול לעשות פלוס וככה להוסיף פונטים נוספים לתוך מערך הפונטים אז אם תרצו אפשר באותה מידה להוסיף את בוק
איטה לי כפיים בוק איטה וככה בעצם לכלול יותר פונטים בפרויקט ואני לא חייב מאותה משפחה, אני יכול כמובן כמה פונטים שאני מעוניין. יפה, אז הנה כללנו את הפונט בפרויקט, בואו נלך להשתמש בו.
אני אראה לכם איך משתמשים בפונטים customized בשתי דרכים, אחת מהקוד והדרך השנייה מהסטורי בורד. כדאי לדעת את שתי הדרכים פשוט, ואם אנחנו כבר משקיעים את הזמן ומדברים, אז בואו נראה את שתי האפשרויות.
הנה, דבר ראשון, מוסיף לייבל ככה, אני אתן לו אילוצים, נניח אני אקבע אותו לחלק העליון עם מרווח של בוא נאמר 16. וכמובן שזה לא אילוץ מספיק אנחנו רוצים גם לשים אותו במרכז בציר x אז הוריזונטלין קונטיינר יפה עכשיו הפקד שלי נמצא יפה במקום והוא מאולץ איך אנחנו עכשיו נשנה לו את הפונט הולכים לתכונות ומחפשים פה בפונטים
את התחת לא סיסטם אלא תחת קאסטום פונטס אנחנו יכולים לחפש את הפונט שזה עתה הוספנו הלאו דוריאנט סי.ל.אם.פונטס כן יפה. הנה הפונט שלי יש לנו פה בוק ובוק איטליג שתי הסטיילים שיש באמת ויפה מאוד נחמד זה מה שעשינו בעצם בואו נגדיל קצת את הפונט נראה אותו ככה בנחמדות ואם אתם רוצים הפונט הזה כמובן הוא פונט לטקסט
עברי אז בוא נראה את דוריאן איך הוא נראה על עברית אוקיי יפה מאוד מצוין אנחנו יודעים עכשיו להשתמש בפונטים שלנו ככה מה אקס קוד מה סטורי בורד סליחה ואנחנו רוצים גם לראות איך אפשר להשתמש בפונטים מהקוד אז בואו נלך לבדוק אני אלך לסטורי בורד שלי אני אלך לסטורי בורד שלי ואני אפילו ייצר לייבל חדש בוא נלך לכל התהליך אז בוא ניצר
איזשהו לייבל מהקוד בסדר אף פעם לא עשינו את זה אבל ככה זה זמן טוב לדעת שזה אפשרות אנחנו יצרנו את הלייבל מהקוד בואו ניתן ללייבל שלנו ככה טקסט נקרא לזה שלום פונטים מהקוד או משהו שלום לפונט דרך אגב אנחנו גם רואים איך מוסיפים