435 lines
14 KiB
SCSS
435 lines
14 KiB
SCSS
/**
|
|
* Font Fourth Arabic - All Font Faces
|
|
* تعريف جميع الخطوط العربية
|
|
* الخطوط تُحمّل من CDN أولاً مع fallback للملفات المحلية
|
|
* 6 خطوط: Dubai, Al Jazeera, Cairo, Tajawal, Amiri, Almarai
|
|
*/
|
|
|
|
// =====================================
|
|
// خط دبي (Dubai Font) - من CDN
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Dubai';
|
|
src: url('https://fonts.cdnfonts.com/s/16118/Dubai-Light.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/dubai/Dubai-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Dubai';
|
|
src: url('https://fonts.cdnfonts.com/s/16118/Dubai-Regular.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/dubai/Dubai-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Dubai';
|
|
src: url('https://fonts.cdnfonts.com/s/16118/Dubai-Medium.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/dubai/Dubai-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Dubai';
|
|
src: url('https://fonts.cdnfonts.com/s/16118/Dubai-Bold.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/dubai/Dubai-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط الجزيرة (Al Jazeera Font) - محلي فقط
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Al Jazeera';
|
|
src: url('/havari_arabic_fonts/static/fonts/aljazeera/AlJazeera-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Al Jazeera';
|
|
src: url('/havari_arabic_fonts/static/fonts/aljazeera/AlJazeera-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Al Jazeera';
|
|
src: url('/havari_arabic_fonts/static/fonts/aljazeera/AlJazeera-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Al Jazeera';
|
|
src: url('/havari_arabic_fonts/static/fonts/aljazeera/AlJazeera-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط القاهرة (Cairo Font) - من CDN
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Cairo';
|
|
src: url('https://fonts.cdnfonts.com/s/8893/Cairo.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/cairo/Cairo-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Cairo';
|
|
src: url('/havari_arabic_fonts/static/fonts/cairo/Cairo-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Cairo';
|
|
src: url('/havari_arabic_fonts/static/fonts/cairo/Cairo-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Cairo';
|
|
src: url('/havari_arabic_fonts/static/fonts/cairo/Cairo-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط تجوال (Tajawal Font) - من CDN
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Tajawal';
|
|
src: url('https://fonts.cdnfonts.com/s/15774/Tajawal-Light.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/tajawal/Tajawal-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Tajawal';
|
|
src: url('https://fonts.cdnfonts.com/s/15774/Tajawal-Regular.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Tajawal';
|
|
src: url('https://fonts.cdnfonts.com/s/15774/Tajawal-Medium.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Tajawal';
|
|
src: url('https://fonts.cdnfonts.com/s/15774/Tajawal-Bold.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط أميري (Amiri Font - نسخي تقليدي) - من CDN
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Amiri';
|
|
src: url('https://fonts.cdnfonts.com/s/14885/Amiri-Regular.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/amiri/Amiri-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Amiri';
|
|
src: url('https://fonts.cdnfonts.com/s/14885/Amiri-Bold.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/amiri/Amiri-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط المراعي (Almarai Font - سعودي احترافي) - من CDN
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Almarai';
|
|
src: url('https://fonts.cdnfonts.com/s/29851/Almarai-Light.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/almarai/Almarai-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Almarai';
|
|
src: url('https://fonts.cdnfonts.com/s/29851/Almarai-Regular.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/almarai/Almarai-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Almarai';
|
|
src: url('https://fonts.cdnfonts.com/s/29851/Almarai-Bold.woff') format('woff'),
|
|
url('/havari_arabic_fonts/static/fonts/almarai/Almarai-Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط نوتو سانس عربي (Noto Sans Arabic) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Noto Sans Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlg43tY3IxQ.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Sans Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notosansarabic/v33/nwpCtLGrOAZMl5nJ_wfgRg3DrWFZWsnVBJ_sS6tlqHHFlg43tY3IxQ.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط ريدكس برو (Readex Pro) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Readex Pro';
|
|
src: url('https://fonts.gstatic.com/s/readexpro/v27/SLXYc1bJ7HE5YDoGPuzj_dh8uc7wUy8ZQQyX2Lwybkv8hA.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Readex Pro';
|
|
src: url('https://fonts.gstatic.com/s/readexpro/v27/SLXYc1bJ7HE5YDoGPuzj_dh8uc7wUy8ZQQyX2Lwybkv8hA.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط مادا (Mada) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Mada';
|
|
src: url('https://fonts.gstatic.com/s/mada/v21/7Auwp_0qnzeSTTDMKirW.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Mada';
|
|
src: url('https://fonts.gstatic.com/s/mada/v21/7Auwp_0qnzeSTTDMKirW.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط IBM Plex Sans Arabic - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'IBM Plex Sans Arabic';
|
|
src: url('https://fonts.gstatic.com/s/ibmplexsansarabic/v14/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6bs_1vKbfA.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'IBM Plex Sans Arabic';
|
|
src: url('https://fonts.gstatic.com/s/ibmplexsansarabic/v14/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-dCWVsNJKg.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط شانغا (Changa) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Changa';
|
|
src: url('https://fonts.gstatic.com/s/changa/v29/2-cm9JNi2YuVOUcUZJa5Wu4.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Changa';
|
|
src: url('https://fonts.gstatic.com/s/changa/v29/2-cm9JNi2YuVOUcUZJa5Wu4.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط نوتو نسخ عربي (Noto Naskh Arabic) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Noto Naskh Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notonaskharabic/v43/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeO2EF1qELw.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Naskh Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notonaskharabic/v43/RrQKbpV-9Dd1b1OAGA6M9PkyDuVBeO2EF1qELw.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط شهرزاد (Scheherazade New) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Scheherazade';
|
|
src: url('https://fonts.gstatic.com/s/scheherazadenew/v20/4UaZrFhTvxVnHDvUkUiHg8jprP4DCwZsPF4o.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Scheherazade';
|
|
src: url('https://fonts.gstatic.com/s/scheherazadenew/v20/4UaerFhTvxVnHDvUkUiHg8jprP4DM79DHlMC_oKm.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط مركزي (Markazi Text) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Markazi Text';
|
|
src: url('https://fonts.gstatic.com/s/markazitext/v28/syk0-ydym6AtQaiEtX7yhqblo3-SJ1A.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Markazi Text';
|
|
src: url('https://fonts.gstatic.com/s/markazitext/v28/syk0-ydym6AtQaiEtX7yhqblo3-SJ1A.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط نوتو كوفي عربي (Noto Kufi Arabic) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Noto Kufi Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notokufiarabic/v27/CSRk4ydQnPyaDxEXLFF6LZVLKrodnOEPEWKo.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Noto Kufi Arabic';
|
|
src: url('https://fonts.gstatic.com/s/notokufiarabic/v27/CSRk4ydQnPyaDxEXLFF6LZVLKrodnOEPEWKo.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط ريم كوفي (Reem Kufi) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Reem Kufi';
|
|
src: url('https://fonts.gstatic.com/s/reemkufi/v28/2sDcZGJLip7W2J7v7wQDam--C70.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Reem Kufi';
|
|
src: url('https://fonts.gstatic.com/s/reemkufi/v28/2sDcZGJLip7W2J7v7wQDam--C70.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط عارف رقعة (Aref Ruqaa) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'Aref Ruqaa';
|
|
src: url('https://fonts.gstatic.com/s/arefruqaa/v26/WwkbxPW1E165rajQKDulEIUiUto4.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Aref Ruqaa';
|
|
src: url('https://fonts.gstatic.com/s/arefruqaa/v26/WwkYxPW1E165rajQKDulKDwNcNcS3t_6.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
// =====================================
|
|
// خط المسيري (El Messiri) - من Google Fonts
|
|
// =====================================
|
|
@font-face {
|
|
font-family: 'El Messiri';
|
|
src: url('https://fonts.gstatic.com/s/elmessiri/v25/K2F0fZBRmr9vQ1pHEey6Ao-KBSLy.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'El Messiri';
|
|
src: url('https://fonts.gstatic.com/s/elmessiri/v25/K2F0fZBRmr9vQ1pHEey6Ao-KBSLy.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|