خطوط جوجل في CSS

خطووقلوس

إذا لم ترغب في استخدام أي خط معياري في HTML، يمكنك إضافة مئات الخطوط الأخرى باستخدام API Google Fonts.

فقط قم بإضافة رابط لملف النمط ومراجعة الخط الذي اخترته:

مثال

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
  font-family: "Sofia";
  font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>

جرب بنفسك