font

Author: alirrah

README.md

@@ -55,6 +55,7 @@
 * [وضوح](#وضوح)
 * [سایه](#سایه)
 * [وسط قرار دادن تگ ها](#وسط-صفحه-قرار-دادن-تگ-ها)
+* [فونت صفحات وب](#فونت-صفحات-وب)
 
 ## مقدمه
 
@@ -1753,5 +1754,49 @@ span{
 
 راه دیگر برای کار فوق دادن text-align: center به تگ پدر است.
 
+## فونت صفحات وب
+
+اگه فونت خاصی استفاده می کنید باید داخل فایل ها بگید و گرنه برای دیگران نماش داده نمی شود.
+
+برای اضافه کردن باید از font-face استفاده کنیم.
+
+از فونتی استفاده کنید که نسخه وب داشته باشد.
+
+برای اینکه از یک فونت خاص استفاده کنیم باید 4 فرمت از آن را داشته باشیم که عبارت است از eot, ttf,woff, woff2 است.
+
+معمولا یک پوشه به اسم font درست می کنیم و فونت ها را انجا قرار می دهیم.
+
+داخل فایل css به صورت زیر عمل می کنیم.
+
+```css
+@font-face{
+    font-family: “NAME”;
+    src: url(“ADDRESS”) format(“TYPE”),
+    url(“ADRESS”) format(“TYPE”);
+    font-weight: WEIGHT;
+    font-display: swap;
+}
+```
+
+از Truetype برای ttf به جای TYPE استفاده می کنیم.
+
+از Woff برای woff به جای TYPE استفاده می کنیم.
+
+از Woff2 برای woff2 به جای TYPE استفاده می کنیم.
+
+و هرجا خواستیم font-family: “NAME” قرار می دهیم
+
+معمولا داخل فونت های وب یک فایلی به اسم font-face.css وجود دارد که همه فایل ها را کامل مشخص کرده است که می توانیم import یا داخل فایل css اصلی مان کپی کنیم.
+
+<details>
+
+<summary>
+داشتن چند کرسر برای نوشتن و پاک کردن همزمان در VS Code
+</summary>
+
+یک جا کلیک می کنیم و بعدش alt را نگه می داریم و روی جاهای دیگر نیز کلیک می کنیم تا چند کرسر موس داشته باشیم.
+
+</details>
+
 
 </div>