انگلیسی OFL کد و یکنوا

آی‌بی‌ام پلکس مونو

فونت آی‌بی‌ام پلکس مونو (IBM Plex Mono) از خانواده فونت‌های یکنواخت (مونو) است و تفکیک واضح کاراکترهای شبیه‌هم (مثل 0 و O) خطاهای خواندن کد را کم می‌کند. برای نمایش کد، ترمینال و بخش‌های فنی سایت بهترین انتخاب است و خوانایی حروف شبیه‌هم را تضمین می‌کند.

طراح: جامعه متن‌باز ۷۰ دانلود ۹۵ بازدید 7 وزن فرمت ttf + woff + woff2 مناسب کد و ترمینال مناسب طراحی مدرن

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

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

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-100.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-100.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-200.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-200.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'RadikalWP-ibmplexmono';
  src: url('/assets/fonts/ibm-plex-mono/ibm-plex-mono-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

ibm-plex-mono-100.ttf
وزن ۱۰۰ — باریک ۶۳ KB
ibm-plex-mono-100.woff
وزن ۱۰۰ — باریک ۲۸ KB
ibm-plex-mono-100.woff2
وزن ۱۰۰ — باریک ۲۱ KB
ibm-plex-mono-200.ttf
وزن ۲۰۰ — بسیار سبک ۶۳ KB
ibm-plex-mono-200.woff
وزن ۲۰۰ — بسیار سبک ۲۹ KB
ibm-plex-mono-200.woff2
وزن ۲۰۰ — بسیار سبک ۲۲ KB
ibm-plex-mono-300.ttf
وزن ۳۰۰ — سبک ۶۳ KB
ibm-plex-mono-300.woff
وزن ۳۰۰ — سبک ۲۸ KB
ibm-plex-mono-300.woff2
وزن ۳۰۰ — سبک ۲۲ KB
ibm-plex-mono-400.ttf
وزن ۴۰۰ — معمولی ۶۳ KB
ibm-plex-mono-400.woff
وزن ۴۰۰ — معمولی ۲۸ KB
ibm-plex-mono-400.woff2
وزن ۴۰۰ — معمولی ۲۱ KB
ibm-plex-mono-500.ttf
وزن ۵۰۰ — متوسط ۶۳ KB
ibm-plex-mono-500.woff
وزن ۵۰۰ — متوسط ۲۸ KB
ibm-plex-mono-500.woff2
وزن ۵۰۰ — متوسط ۲۲ KB
ibm-plex-mono-600.ttf
وزن ۶۰۰ — نیمه‌بولد ۶۶ KB
ibm-plex-mono-600.woff
وزن ۶۰۰ — نیمه‌بولد ۲۹ KB
ibm-plex-mono-600.woff2
وزن ۶۰۰ — نیمه‌بولد ۲۲ KB
ibm-plex-mono-700.ttf
وزن ۷۰۰ — بولد ۶۳ KB
ibm-plex-mono-700.woff
وزن ۷۰۰ — بولد ۲۸ KB
ibm-plex-mono-700.woff2
وزن ۷۰۰ — بولد ۲۲ KB