ارفاق خطوط بقالب html/css

بإمكانك استخدام خطوط من مكتبة جوجل

1-<link href='

rel='stylesheet' type='text/css'>

قم بالاشارة الى مرجع المكتبة في قسم الـHead مثال :

ثم استخدم نوع الخط في CSS, مثال :

font-family: 'Open Sans', sans-serif;

• تُنشيء مجلد باسم fonts تضع بداخله الخطوط التي تريد إستخدامها داخل ملف التنسيق وتستدعي الخط مع تحديد اسمه -هذا الاسم ستقوم بإستخدامه في ملف التنسيق- ومسار وجوده كالتالي:

  @font-face {
      font-family: FontName;
      src: url(fonts/FontName.ttf);
  }
  body{
      font-family: FontName;
  }
  

ولدعم أكبر نطاق من المتصفحات يمكن تحويل الخطوط وتضمينها كالتالي:

@font-face {
    font-family: 'FontName';
    src: url('font/FontName.eot');
    src: url('font/FontName.eot?#iefix') format('embedded-opentype'),
         url('font/FontName.woff') format('woff'),
         url('font/FontName.woff2') format('woff2'),
         url('font/FontName.ttf') format('truetype'),
         url('font/FontName.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}