216 lines
6.0 KiB
HTML
216 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html dir="rtl" lang="ar">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Font Fourth Arabic</title>
|
|
<style>
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, sans-serif;
|
|
direction: rtl;
|
|
text-align: right;
|
|
max-width: 900px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background: #f5f5f5;
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #714B67, #875A7B);
|
|
color: white;
|
|
padding: 40px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
}
|
|
.header h1 {
|
|
margin: 0 0 10px 0;
|
|
font-size: 2.5em;
|
|
}
|
|
.header p {
|
|
margin: 0;
|
|
opacity: 0.9;
|
|
font-size: 1.2em;
|
|
}
|
|
.section {
|
|
background: white;
|
|
padding: 30px;
|
|
border-radius: 10px;
|
|
margin-bottom: 20px;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
.section h2 {
|
|
color: #714B67;
|
|
border-bottom: 2px solid #714B67;
|
|
padding-bottom: 10px;
|
|
margin-top: 0;
|
|
}
|
|
.features {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
gap: 20px;
|
|
}
|
|
.feature {
|
|
background: #f9f9f9;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
border-right: 4px solid #714B67;
|
|
}
|
|
.feature h3 {
|
|
margin: 0 0 10px 0;
|
|
color: #333;
|
|
}
|
|
.feature p {
|
|
margin: 0;
|
|
color: #666;
|
|
}
|
|
.font-preview {
|
|
background: #f0f0f0;
|
|
padding: 30px;
|
|
border-radius: 8px;
|
|
margin: 20px 0;
|
|
}
|
|
.font-preview h3 {
|
|
font-size: 24px;
|
|
margin: 10px 0;
|
|
}
|
|
.font-preview p {
|
|
font-size: 16px;
|
|
color: #555;
|
|
}
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 20px 0;
|
|
}
|
|
th, td {
|
|
padding: 12px;
|
|
text-align: right;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
th {
|
|
background: #714B67;
|
|
color: white;
|
|
}
|
|
tr:hover {
|
|
background: #f5f5f5;
|
|
}
|
|
.badge {
|
|
display: inline-block;
|
|
padding: 5px 10px;
|
|
background: #28a745;
|
|
color: white;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<h1>Font Fourth Arabic</h1>
|
|
<p>تحسين الخطوط العربية في أودوو</p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>نظرة عامة</h2>
|
|
<p>
|
|
إضافة Font Fourth Arabic توفر تحسيناً شاملاً للخطوط العربية في نظام أودوو،
|
|
مع دعم كامل لخط دبي وخط الجزيرة، وإمكانية التحكم الكامل في الأحجام والأوزان.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>المميزات</h2>
|
|
<div class="features">
|
|
<div class="feature">
|
|
<h3>خطوط احترافية</h3>
|
|
<p>دعم خط دبي وخط الجزيرة بجميع الأوزان</p>
|
|
</div>
|
|
<div class="feature">
|
|
<h3>تحكم كامل</h3>
|
|
<p>إعدادات مرنة لأحجام وأوزان الخطوط</p>
|
|
</div>
|
|
<div class="feature">
|
|
<h3>ثلاثة أنماط</h3>
|
|
<p>أنماط جاهزة: مدمج، متوازن، مريح</p>
|
|
</div>
|
|
<div class="feature">
|
|
<h3>دعم التقارير</h3>
|
|
<p>خطوط محسنة للطباعة والتقارير</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>الخطوط المدعومة</h2>
|
|
<table>
|
|
<tr>
|
|
<th>الخط</th>
|
|
<th>الوصف</th>
|
|
<th>الاستخدام المقترح</th>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>دبي</strong></td>
|
|
<td>خط عصري وأنيق من حكومة دبي</td>
|
|
<td>النصوص والقوائم</td>
|
|
</tr>
|
|
<tr>
|
|
<td><strong>الجزيرة</strong></td>
|
|
<td>خط احترافي وواضح</td>
|
|
<td>العناوين والأقسام</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>الإعدادات</h2>
|
|
<p>يمكنك الوصول للإعدادات من:</p>
|
|
<p><strong>الإعدادات ← الخطوط العربية</strong></p>
|
|
<table>
|
|
<tr>
|
|
<th>الإعداد</th>
|
|
<th>الوصف</th>
|
|
</tr>
|
|
<tr>
|
|
<td>النمط العام</td>
|
|
<td>مدمج / متوازن / مريح</td>
|
|
</tr>
|
|
<tr>
|
|
<td>خط العناوين</td>
|
|
<td>اختيار الخط للعناوين</td>
|
|
</tr>
|
|
<tr>
|
|
<td>خط النصوص</td>
|
|
<td>اختيار الخط للنصوص</td>
|
|
</tr>
|
|
<tr>
|
|
<td>الأوزان</td>
|
|
<td>من خفيف إلى عريض</td>
|
|
</tr>
|
|
<tr>
|
|
<td>حجم الخط</td>
|
|
<td>من 12px إلى 15px</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>التثبيت</h2>
|
|
<ol>
|
|
<li>انسخ المجلد إلى مسار الإضافات</li>
|
|
<li>قم بتحديث قائمة التطبيقات</li>
|
|
<li>ثبت إضافة "Fourth Arabic Fonts"</li>
|
|
<li>أضف ملفات الخطوط (دبي والجزيرة) إلى مجلد static/fonts</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>الدعم</h2>
|
|
<p>للدعم والاستفسارات، تواصل معنا عبر:</p>
|
|
<p><strong>Fourth</strong></p>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|