רק רגע

בניית אתרים

Google Fonts - איך להשתמש ?
June07
Google Fonts - איך להשתמש ?

<p>בין אם זה אתר במערכת וורדפרס או אחר, אני ממליץ להשתמש בפונטים של גוגל פונטס, אני משתמש בהם אישית בכל אתר שיש לי.<br /> &nbsp;</p> <p>הנה הדרך הפשוטה&nbsp;להטמיע גוגל פונטס באתרכם, אני אתייחס פה לוורספרס ולאתר כללי.</p> <p>1. אם אתם משתמשים בוורדפרס (יש תבניות שמותקנות בהם Google Fonts בתבנית עצמה ומה שתצטרכו לעשות זה לחפש בהגדרות של התבנית)<br /> במידה ואין לכם תבנית שתומכת בגוגל פונטס היכנסו לאתר <a href="https://fonts.google.com/">גוגל פונטס</a>&nbsp;, תעיינו בפונטים בעברית (בצד יש לכם Languages תבחרו Hebrew).<br /> בחרו את הפונט המתאים לכם הייתי ממליץ על (Rubik,Heebo,Assistant) הם היפים ביותר לדעתי, תוכלו לשחק עם תיבת הטקסט לראות איך נראה הפונט.<br /> לחצו על הפלוס האדום בצד תיבת הפונט&nbsp;<img alt="" src="/public/js/kcfinder/upload/images/1.png" style="height:131px; width:150px" /></p> <p>ויפתח לנו החלון הבא בתחתית האתר:</p> <p><img alt="" src="/public/js/kcfinder/upload/images/image(3).png" style="height:220px; width:220px" /></p> <p>עכשיו בלשונית CUSTOMIZE תוכלו להגדיר את משקל הגופן, אם אתם יודעים במה תרצו להשתמש אחלה, אם לא אני ממליץ לבחור הכל.<br /> עכשיו בואו נחזור ללשונית&nbsp;EMBED ונראה שני דרכים להטמיע את הפונט&nbsp;STANDARD/@IMPORT .</p> <p>אציין פה שהגוגל מגוגל פונטס ישירות ללא הורדה נטען במהירות יחסית, אם השרת שלכם איטי אני ממליץ לא להוריד את הקבצים לשרת,<br /> אך ראיתי כמה אתרים שנטענים לאט אפילו דרך גוגל פונט, אני מניח שזה בעיה בחברת האחסון.</p> <p>לעניינו</p> <p>דרך מס&#39; 1 (STANDARD):</p> <p>נעתיק את ה&quot;קןד&quot;:&nbsp;</p> <blockquote> <p>&lt;link href=&quot;https://fonts.googleapis.com/css?family=Rubik:400i&quot; rel=&quot;stylesheet&quot;&gt;</p> </blockquote> <p>במידה ויש לכם וורדפרס נלך לתבניות-&gt;עריכה-&gt; נחפש את header.php (בעברית הוורדפרס קורא לזה &quot;ההדר של התבנית&quot;)&nbsp;ונערוך אותו.<br /> לאחר מכן חפשו את התגית &lt;head&gt; (אם לא מצאתם את תג ה&lt;head&gt; נסו לחפש תבניות דומות לדוגמא יצא לי לפגוש header-main וכד&#39;)&nbsp;והטמיעו את הקוד אחריי הcss שלכם.&nbsp;<br /> !! אם אין לכם אתר וורדפרס זה היהי אותו תהליך נלך לקבצי האתר ונחפש את header.php / head.php והטמיע את הקוד בתגית HEAD.</p> <p>כעת נעבור לתבניות-&gt;עריכה-&gt;ונערוך את style.css (גליונות סגנון בעברית), וחפשו את body הוא אמור להיות בתחילת העמוד והכניסו אליו את ה&quot;קוד&quot; השני שגוגל הביא לנו.</p> <blockquote> <p><br /> font-family: &#39;Rubik&#39;, sans-serif;</p> </blockquote> <p>אם קיים אצלכם פונט קיים חפשו בfont-family והחליפו את כולם בקוד.<br /> !! במידה ואין לכם אתר וורדפרס גשו לקבצים וחפשו את קובץ הstyle שלכם, ותעברו על אותו התהליך.</p> <p>דרך מס&#39; 2 (@IMPORT):</p> <p>נעתיק את ה&quot;הקוד&quot;:</p> <blockquote> <p><br /> @import url(&#39;https://fonts.googleapis.com/css?family=Rubik:400i&#39;);<br /> &nbsp;</p> </blockquote> <p>נעור ישר לcss שלנו ונדביק אותו בראש העמוד.</p> <p>חפשו את body הוא אמור להיות בתחילת העמוד והכניסו אליו את ה&quot;קוד&quot; השני שגוגל הביא לנו.</p> <blockquote> <p><br /> font-family: &#39;Rubik&#39;, sans-serif;</p> </blockquote> <p>אם קיים אצלכם פונט קיים חפשו בfont-family והחליפו את כולם בקוד.</p> <p>&nbsp;</p>

המשך לקרוא
LielZ logo white
LielZ © 2018 כל הזכויות שמורות

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

סוסיתא 20, קצרין

8:00 - 20:00
054-5267322