انگلیسی OFL متن بدنه

Schibsted Grotesk

فونت Schibsted Grotesk یک فونت بی‌سریال مدرن است که فرم‌های هندسی و یکدست حروف آن روی نمایشگرها ظاهری حرفه‌ای می‌سازد. برای رابط کاربری، داشبوردها و متن بدنه وب‌سایت‌های مدرن انتخابی هوشمندانه است.

طراح: جامعه متن‌باز ۳۲ دانلود ۷۲ بازدید 6 وزن فرمت ttf + woff + woff2 مناسب متن بدنه مناسب طراحی مدرن

پیش‌نمایش زنده

کد آماده استفاده (فایل CSS + @font-face)

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-800.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-900.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-schibstedgrotesk';
  src: url('/assets/fonts/schibsted-grotesk/schibsted-grotesk-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
روش استفاده: فایل‌های فونت را در پوشه fonts/ پروژه‌تان قرار دهید، کد بالا را در فایل CSS خود کپی کنید (مسیر url() را با مسیر واقعی فایل‌ها تنظیم کنید)، سپس با font-family: 'RadikalWP-schibstedgrotesk'; فونت را اعمال کنید. در فایل ZIP دانلودی، فایل آماده font-face.css و راهنمای فارسی هم وجود دارد.

فایل‌های فونت

schibsted-grotesk-400.ttf
وزن ۴۰۰ — معمولی ۷۵ KB
schibsted-grotesk-400.woff
وزن ۴۰۰ — معمولی ۳۷ KB
schibsted-grotesk-400.woff2
وزن ۴۰۰ — معمولی ۳۰ KB
schibsted-grotesk-500.ttf
وزن ۵۰۰ — متوسط ۷۵ KB
schibsted-grotesk-500.woff
وزن ۵۰۰ — متوسط ۳۸ KB
schibsted-grotesk-500.woff2
وزن ۵۰۰ — متوسط ۳۱ KB
schibsted-grotesk-600.ttf
وزن ۶۰۰ — نیمه‌بولد ۷۵ KB
schibsted-grotesk-600.woff
وزن ۶۰۰ — نیمه‌بولد ۳۸ KB
schibsted-grotesk-600.woff2
وزن ۶۰۰ — نیمه‌بولد ۳۲ KB
schibsted-grotesk-700.ttf
وزن ۷۰۰ — بولد ۷۵ KB
schibsted-grotesk-700.woff
وزن ۷۰۰ — بولد ۳۸ KB
schibsted-grotesk-700.woff2
وزن ۷۰۰ — بولد ۳۱ KB
schibsted-grotesk-800.ttf
وزن ۸۰۰ — بسیار بولد ۷۶ KB
schibsted-grotesk-800.woff
وزن ۸۰۰ — بسیار بولد ۳۸ KB
schibsted-grotesk-800.woff2
وزن ۸۰۰ — بسیار بولد ۳۱ KB
schibsted-grotesk-900.ttf
وزن ۹۰۰ — سیاه ۷۶ KB
schibsted-grotesk-900.woff
وزن ۹۰۰ — سیاه ۳۷ KB
schibsted-grotesk-900.woff2
وزن ۹۰۰ — سیاه ۳۰ KB