سرویس دهنده فونت‌های گوگل، فارسی، کتابخانه های Javascript و CSS
پشتیبانی
📆 بروز رسانی: 1405-04-29
← بازگشت به لیست

✨ Roboto Slab

آدرس‌های دسترسی: ?font=roboto-slab

/* v36-latin-100 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-100.woff2') format('woff2');
}
/* v36-latin-200 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-200.woff2') format('woff2');
}
/* v36-latin-300 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-300.woff2') format('woff2');
}
/* v36-latin-500 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-500.woff2') format('woff2');
}
/* v36-latin-600 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-600.woff2') format('woff2');
}
/* v36-latin-700 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-700.woff2') format('woff2');
}
/* v36-latin-800 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-800.woff2') format('woff2');
}
/* v36-latin-900 */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-900.woff2') format('woff2');
}
/* v36-latin-regular */
@font-face {
  font-display: swap;
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.algo4stock.ir/fonts/roboto-slab-v36-latin-regular.woff2') format('woff2');
}
<link rel="stylesheet" href="https://cdn.algo4stock.ir/css/roboto-slab.css">
<style>
  body {
    font-family: 'Roboto Slab', sans-serif;
  }
</style>

📝 فارسی (راست به چپ)
14px
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.
18px
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.
24px
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.
32px
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.
🔤 English (Left to Right)
14px
The quick brown fox jumps over the lazy dog. This is a sample text.
18px
The quick brown fox jumps over the lazy dog. This is a sample text.
24px
The quick brown fox jumps over the lazy dog. This is a sample text.
32px
The quick brown fox jumps over the lazy dog. This is a sample text.