لتفعيل الخط في الصفحة، استعمل الكود التالي:
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=elmessiri-light" />
ثم قم باستعمال اسم الخط:
font-family: "elmessiri-light";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=elmessiri-light" />
font-family: "elmessiri-light";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=lemonada" />
font-family: "lemonada";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=lemonada-bold" />
font-family: "lemonada-bold";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=lemonada-light" />
font-family: "lemonada-light";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=mada" />
font-family: "mada";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=mada-bold" />
font-family: "mada-bold";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=mada-light" />
font-family: "mada-light";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=mirza-bold" />
font-family: "mirza-bold";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=mirza-medium" />
font-family: "mirza-medium";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=vip-tim-light" />
font-family: "vip-tim-light";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=vip-tim" />
font-family: "vip-tim";
<link rel="stylesheet" type="text/css" href="https://www.fontstatic.com/f=vip-tim-bold" />
font-family: "vip-tim-bold";