انگلیسی
OFL
متن بدنه
Barlow Semi Condensed
فونت Barlow Semi Condensed یک فونت بیسریال مدرن است که خطوط تمیز و فاصلهگذاری متعادل حروف، خوانایی بالایی در اندازههای کوچک و بزرگ فراهم میکند. برای رابط کاربری، داشبوردها و متن بدنه وبسایتهای مدرن انتخابی هوشمندانه است.
طراح: جامعه متنباز
۳۹ دانلود
۱۰۹ بازدید
9 وزن
فرمت ttf + woff + woff2
مناسب متن بدنه
مناسب طراحی مدرن
پیشنمایش زنده
کد آماده استفاده (فایل CSS + @font-face)
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-100.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-100.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-100.woff2') format('woff2');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-200.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-200.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-200.woff2') format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-300.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-300.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-300.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-400.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-400.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-400.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-500.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-500.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-500.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-600.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-600.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-600.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-700.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-700.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-700.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-800.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-800.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-800.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-900.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-900.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'RadikalWP-barlowsemicondensed';
src: url('/assets/fonts/barlow-semi-condensed/barlow-semi-condensed-900.woff2') format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}
روش استفاده: فایلهای فونت را در پوشه
fonts/ پروژهتان قرار دهید،
کد بالا را در فایل CSS خود کپی کنید (مسیر url() را با مسیر واقعی فایلها تنظیم کنید)،
سپس با font-family: 'RadikalWP-barlowsemicondensed'; فونت را اعمال کنید.
در فایل ZIP دانلودی، فایل آماده font-face.css و راهنمای فارسی هم وجود دارد.
فایلهای فونت
barlow-semi-condensed-100.ttf
وزن ۱۰۰ — باریک
۶۶ KB
barlow-semi-condensed-100.woff
وزن ۱۰۰ — باریک
۳۳ KB
barlow-semi-condensed-100.woff2
وزن ۱۰۰ — باریک
۲۷ KB
barlow-semi-condensed-200.ttf
وزن ۲۰۰ — بسیار سبک
۶۷ KB
barlow-semi-condensed-200.woff
وزن ۲۰۰ — بسیار سبک
۳۴ KB
barlow-semi-condensed-200.woff2
وزن ۲۰۰ — بسیار سبک
۲۷ KB
barlow-semi-condensed-300.ttf
وزن ۳۰۰ — سبک
۶۷ KB
barlow-semi-condensed-300.woff
وزن ۳۰۰ — سبک
۳۴ KB
barlow-semi-condensed-300.woff2
وزن ۳۰۰ — سبک
۲۸ KB
barlow-semi-condensed-400.ttf
وزن ۴۰۰ — معمولی
۶۸ KB
barlow-semi-condensed-400.woff
وزن ۴۰۰ — معمولی
۳۴ KB
barlow-semi-condensed-400.woff2
وزن ۴۰۰ — معمولی
۲۸ KB
barlow-semi-condensed-500.ttf
وزن ۵۰۰ — متوسط
۶۸ KB
barlow-semi-condensed-500.woff
وزن ۵۰۰ — متوسط
۳۴ KB
barlow-semi-condensed-500.woff2
وزن ۵۰۰ — متوسط
۲۸ KB
barlow-semi-condensed-600.ttf
وزن ۶۰۰ — نیمهبولد
۷۱ KB
barlow-semi-condensed-600.woff
وزن ۶۰۰ — نیمهبولد
۳۵ KB
barlow-semi-condensed-600.woff2
وزن ۶۰۰ — نیمهبولد
۲۹ KB
barlow-semi-condensed-700.ttf
وزن ۷۰۰ — بولد
۷۳ KB
barlow-semi-condensed-700.woff
وزن ۷۰۰ — بولد
۳۶ KB
barlow-semi-condensed-700.woff2
وزن ۷۰۰ — بولد
۲۹ KB
barlow-semi-condensed-800.ttf
وزن ۸۰۰ — بسیار بولد
۷۳ KB
barlow-semi-condensed-800.woff
وزن ۸۰۰ — بسیار بولد
۳۶ KB
barlow-semi-condensed-800.woff2
وزن ۸۰۰ — بسیار بولد
۲۹ KB
barlow-semi-condensed-900.ttf
وزن ۹۰۰ — سیاه
۷۳ KB
barlow-semi-condensed-900.woff
وزن ۹۰۰ — سیاه
۳۶ KB
barlow-semi-condensed-900.woff2
وزن ۹۰۰ — سیاه
۲۹ KB