Ts Arabic Bebas Neue Pro May 2026

@font-face font-family: 'Bebas Neue Pro'; src: url('fonts/bebasneuepro.woff2') format('woff2'); font-display: swap;

html[lang="ar"] h1 font-family: 'TS Arabic', sans-serif; font-weight: 700; ts arabic bebas neue pro

Use the lang attribute to switch fonts automatically. @font-face font-family: 'Bebas Neue Pro'

Have you used TS Arabic in a project? Share your pairing tips in the comments below. src: url('fonts/bebasneuepro.woff2') format('woff2')

@font-face font-family: 'TS Arabic'; src: url('fonts/tsarabic.woff2') format('woff2'); font-display: swap;

/* Apply Bebas only to Latin headlines / h1 font-family: 'Bebas Neue Pro', 'TS Arabic', sans-serif; text-transform: uppercase; / Bebas needs this if not using true caps */ letter-spacing: 1px;

TS Arabic was engineered with a taller x-height and condensed letterforms, mirroring the anatomy of Bebas Neue.