خانه - اتاق خواب
اندازه فونت با عناصر زیر تعیین می شود. واحدهای اندازه گیری فونت یا “چگونه یک فونت با اندازه دلخواه بسازیم؟ I. مدیریت فونت

اصطلاحات و تعاریف

فونت های طراحی

تصاویر موجود در نقشه ها با کتیبه های ساخته شده در فونت های طراحی مطابق با GOST 2.304-81 تکمیل شده است. این فونت ها به دلیل وضوح و سهولت اجرا متمایز می شوند.

اندازه فونت ساعت - مقداری که با ارتفاع حروف بزرگ به میلی متر تعیین می شود. ارتفاع حروف بزرگ ساعت عمود بر پایه خط اندازه گیری می شود. ارتفاع حروف کوچک ج از نسبت ارتفاع آنها به اندازه قلم تعیین می شود ساعت برای مثال c = 7/10 h (شکل 1 را ببینید):

تصویر 1

عرض حروف g - بزرگترین عرض حرف (شکل 1 را ببینید) که در رابطه با اندازه قلم h تعیین می شود، برای مثال، g = 6/10h یا نسبت به ضخامت خطوط فونت د ، مثلا، g = ب د .

ضخامت خط فونت د - ضخامت، بسته به نوع و ارتفاع فونت تعیین می شود.

حروف با حروف بزرگ و کوچک استفاده می شوند. استاندارد چهار نوع فونت را مشخص می کند:

الف - با شیب حدود 75 درجه (d = 1/14 ساعت)، شکل 2.

A - بدون شیب (d = 1/14 h)، شکل 3.

ب - با شیب حدود 75 درجه (d = 1/10h)؛

ب - بدون شیب (d = 1/10h).

شکل 2 - فونت کج

شکل 3 - فونت بدون مایل

نوشتن فونت های نوع B با و بدون مایل مشابه فونت های نوع A است و تفاوت در پارامترها در جدول 1 نشان داده شده است.

اندازه فونت زیر تنظیم شده است: (1.8); 2.5; 3.5; 5 7; 10; 14; 20; 28; 40. ( اندازه فونت 1.8 توصیه نمی شود و فقط برای نوع B مجاز است).

میز 1

ضخامت خط فونت د بسته به ارتفاع حروف بزرگ 1/14h یا 1/10h متفاوت است.

پارامترهای فونت در جدول 1 آورده شده است.

ساخت فونت بر اساس شبکه کمکی(شبکه ای تشکیل شده توسط خطوط کمکی که حروف در آن قرار می گیرند)، در شکل 4 نشان داده شده است. گام خطوط شبکه کمکی با ضخامت خط فونت تعیین می شود. د .

شبکه کمکی خطوط کمکی

شکل 4 - ساخت فونت با استفاده از یک شبکه کمکی

از زمان تعریف ارزش g در رابطه با اندازه قلم ترجیح داده می شود، تعیین عرض حروف بزرگ بر اساس آن است (جدول 2).

جدول 2

اندازه فونت مطابق با ارتفاع حروف بزرگ بر حسب میلی متر است.

ارتفاع حروف کوچک از نسبت ارتفاع آنها به اندازه فونت 10/14 ساعت یا 7/10 ساعت - بسته به نوع فونت - تعیین می شود.

مطالعه نوشتن حروف یک فونت ترسیمی نباید به ترتیب حروف الفبا انجام شود، بلکه باید آنها را با توجه به یکنواختی نوشتار به گروه تقسیم کرد. اصل قرار دادن حروف جزء نسبت به شبکه شکل دهی که حرف یا عدد در آن قرار می گیرد باید به عنوان مبنا در نظر گرفته شود (شکل 4).



گروه اول حروفی هستند که از عناصر مستطیلی و موازی تشکیل شده اند: G; E، N، P، T. Sh، Shch.نامه جوانه می زند Ts، Shchبا توجه به فاصله های a و b، عنصر افقی وسط حروف انجام می شود E، Nدر ارتفاع 8/14 ساعت یا 6/10 ساعت، یعنی بالاتر انجام می شود وسط نامه,

گروه دوم حروفی هستند که عناصر خطی آنها به صورت مایل یا مورب مرتب شده اند: A، I، J، K، M، X، F.

گروه سوم حروفی هستند که از عناصر افقی، عمودی، مایل و منحنی تشکیل شده اند: B، V، D، L، R، U، Ch، b، s، b، z.

عنصر حرف وسط B، V، b، ы، bبسته به نوع فونت در ارتفاع 8/14 ساعت یا 6/10 ساعت انجام می شود. عنصر مایل حرف I در امتداد مورب متوازی الاضلاع قرار دارد

گروه چهارم حروفی هستند که از عناصر منحنی تشکیل شده اند: O, S, 3, F, E, Yu. عنصر حرف وسط YUو Eدر ارتفاع 8/14 ساعت یا در ارتفاع 6/10 ساعت انجام می شود.

عنصر افقی بالا و پایین حرف افدر فواصل مختلف از دو طرف بالا و پایین سلول کلی قرار دارد: از پایین در ساعت 2/10 یا 3/14 ساعت - بسته به نوع فونت. طرح کلی نیمه بالایی نامه زتقریباً سمت چپ مربع کلی را لمس می کند، باید در نظر داشته باشید که حرف Z بخشی از فونت است. 8 بنابراین توصیه می شود آن را به عنوان بخشی از شکل 8 اجرا کنید و فقط نیمه سمت راست علامت را اجرا کنید و قسمت های بالایی و پایینی علامت را به سمت قسمت ناتمام به مقدار 2/14 ساعت یا 1/10 ساعت گسترش دهید. برای شماره 4، عنصر افقی در ارتفاع 4/14h ترسیم شده است - فونت تایپ کنید آو 3/10h - فونت را تایپ کنید ب.

فاصله بین حروفی که خطوط مجاور آنها موازی با یکدیگر نیستند (GA، AT، SL، TA) را می توان به نصف کاهش داد، یعنی به مقدار d.

فونت های نوع A و B با و بدون ایتالیک به طور گسترده استفاده می شود. این در مورد "علائم" الفبای لاتین و یونانی، قوانین نوشتن کسری، توان، شاخص و حداکثر انحراف صدق می کند. کسری، توان، شاخص، حداکثر انحرافاتبا اندازه قلم یک درجه کوچکتر از اندازه قلم مقدار اصلی (نوع A) یا اندازه قلم مقدار اصلی (نوع B) انجام می شود.

گزینه های فونت تعیین فونت A را تایپ کنید (d=h/14) نوع قلم B (d=h/10)
اندازه نسبی ابعاد، میلی متر اندازه نسبی ابعاد، میلی متر
اندازه فونت: ارتفاع حروف بزرگ ساعت (14/14)ساعت 14 روز 2,5 3,5 (10/10) ساعت 10 روز 1,8 2,5 3,5
ارتفاع حروف کوچک با (10/14) ساعت 10 روز 1,8 2,5 3,5 (7/10) ساعت 7d 1,3 1,8 2,5 3.5
فاصله بین حروف آ (2/14) ساعت 2d 0,95 0,5 0,7 1,4 2,8 (2/10) ساعت 2d 0,95 0,5 0,7 1,4 2,8
حداکثر گام ردیف (ارتفاع شبکه کمکی) ب

عرض حروف g نسبت به اندازه فونت ساعت

تمام نوشته های روی نقشه ها (در بلوک عنوان، ابعاد، الزامات فنی و شرایط و غیره) با فونت طراحی مطابق با GOST 2.304-81 ساخته شده است.

اندازهفونت طراحی استاندارد تعیین می شود ارتفاع ساعتحروف بزرگ به میلی متر استاندارد اندازه فونت های زیر را تنظیم می کند: 2.5; 3.5; 5 7; 10; 14; 20. مثلاً ارتفاع حروف بزرگ در فونت 14 به ترتیب 14 میلی متر، سایز 5 5 میلی متر و ... می باشد. (شکل 20).

ضخامت خط فونت d- ضخامت، بسته به نوع و اندازه فونت تعیین می شود (شکل 20).

عرض حروفg- بزرگترین عرض یک حرف، تعیین شده در رابطه با اندازه فونت ساعت، مثلا، g=6/10 ساعت، یا در رابطه با ضخامت خط فونت د، مثلا، g=6 د.

شکل 20. پارامترهای اساسی فونت: الف) فونت مستقیم. ب) فونت ایتالیک

استاندارد چهار نوع فونت را ایجاد می کند: الف) نوع آبدون شیب ( د=1/14 ساعت) ب) نوع آ با شیب حدود 75 0 ( د=1/14 ساعت) ج) نوع ببدون شیب ( د=1/10 ساعت) د) نوع ببا شیب حدود 75 0 ( د=1/10 ساعت). تفاوت انواع فونت در طراحی حروف و اعداد نیست، بلکه فقط در اندازه است د- ضخامت خطوط فونت پارامترهای فونت نوع A و نوع B در جداول 3 و 4 آورده شده است.

جدول 3. پارامترهای فونت A را تایپ کنید

جدول 4. پارامترهای فونت B را تایپ کنید

مش کمکی- شبکه ای که توسط خطوط کمکی که حروف در آن قرار می گیرند تشکیل شده است. گام خطوط شبکه کمکی بسته به ضخامت خطوط فونت تعیین می شود د(شکل 21).

شکل 21. شبکه کمکی برای فونت های عمودی و ایتالیک.

نمونه هایی از فونت نوع A الفبای روسی در شکل 22، 23 نشان داده شده است. اندازه فونت در جدول 5 آورده شده است. نمونه ای از اعداد عربی و رومی در شکل 24 نشان داده شده است.

شکل 22. فونت A را با مایل تایپ کنید.

شکل 23. فونت A را بدون مایل تایپ کنید.

شکل 24. نوع فونت A: اعداد عربی و رومی.

جدول 5. پارامترهای فونت A را تایپ کنید

یادداشت:

1. فاصله آبین حروفی که خطوط مجاور آنها موازی با یکدیگر نیستند (به عنوان مثال، GA، AT)، می توان به نصف کاهش داد، یعنی. توسط ضخامت دخطوط فونت

2. شاخه های عمودی حروف D و C و Ш از فاصله بین خطوط می آیند. فرآیندهای جانبی حروف C و Ш به دلیل فضای بین حروف است.

3. حداقل فاصلهبین کلماتی که با علامت نگارشی از هم جدا می شوند، فاصله بین علامت نگارشی و کلمه زیر است.

4. فونت بدون مایل نسبتاً به ندرت استفاده می شود، عمدتاً برای نام ها، سرفصل ها، نام گذاری ها در کتیبه اصلی، روی حاشیه طراحی و غیره.

1.2. الزامات اساسی برای طراحی آثار گرافیکی

همه وظایف گرافیکیباید در انجام شود ورق های استانداردکاغذ طراحی (A3 یا A4) و دارای یک قاب زمینه طراحی و یک کتیبه اصلی مطابق با فرم شماره 1 GOST 2.104-68 (به جز وظیفه "صفحه عنوان"). قاب میدان طراحی با یک خط اصلی ضخامت ساخته شده است اس در فاصله از مرزهای بیرونی ورق: در سمت راست، پایین و بالا - 5 میلی متر، در سمت چپ - 20 میلی متر. بلوک عنوان همیشه در گوشه سمت راست پایین صفحه قرار دارد. حاشیه 20 میلی متری سمت چپ برای بایگانی و صحافی نقشه ها در نظر گرفته شده است. کتیبه اصلی با خطوط ثابت اصلی و نازک ساخته شده است. ابعاد، مکان و محتوای بلوک عنوان در شکل 25 ارائه شده است.

شکل 25. ابعاد جدول بلوک عنوان مطابق فرم 1.

در ستون های کتیبه اصلی و در ستون های اضافی نشان می دهد:

- در ستون 1 - نام محصول مطابق GOST 2.109-73.

- ستون 2 - تعیین سند مطابق با GOST 2.101-80؛

– در ستون 3 – سمبلمواد (این ستون فقط در نقشه های قطعات پر می شود).

- در ستون 4 - حرف اختصاص داده شده به این سند مطابق با GOST 2.103-68 (ستون به ترتیب از سمت چپ ترین سلول پر می شود. برای نقاشی های آموزشی از حرف "U" استفاده می کنیم).

- در ستون 5 - جرم محصول بر حسب کیلوگرم طبق GOST 2.109-73.

- در ستون 6 - مقیاس (مطابق با GOST 2.302-68 نشان داده شده است).

- در ستون 7 - شماره سریال برگه سند، در صورتی که نقشه بر روی چندین برگ انجام شده باشد. در اسناد متشکل از یک برگ، ستون پر نمی شود.

– در ستون 8 – تعداد کل برگه های سند. ستون فقط در صفحه اول پر می شود.

- در ستون 9 - نام، شاخص متمایز یا کد شرکتی که سند را صادر کرده است، برای کارهای گرافیک مهندسی - VTUZ، gr. XXXX;

- در ستون 10 - ماهیت کار انجام شده توسط شخص امضا کننده سند.

- در ستون 11 - نام خانوادگی و حروف اول امضا کنندگان سند:

- در ستون 12 - امضای افرادی که نام خانوادگی آنها در ستون 11 ذکر شده است.

- در ستون 13 - تاریخ امضای سند.

- در ستون های 14-18 - ستون های جدول تغییرات ایجاد شده در سند مطابق با GOST 2.503-68 در نقشه های آموزشی پر نشده است.

- در ستون 19 - تعیین سند (به ستون 2 مراجعه کنید)، برای فرمت A4 با 180 0 چرخش و برای قالب های بزرگتر از A4 زمانی که بلوک عنوان در امتداد ضلع طولانی صفحه قرار دارد و 90 0 برای قالب های بزرگتر از A4 زمانی که بلوک عنوان در امتداد سمت کوتاه ورق قرار دارد.

تاریخ معرفی 01.01.82

این استاندارد فونت های طراحی را برای استفاده در نقشه ها و موارد دیگر مشخص می کند اسناد فنیکلیه صنایع و ساختمان

1. اصطلاحات و تعاریف

1.1. اندازه قلم h مقداری است که با ارتفاع حروف بزرگ به میلی متر تعیین می شود.1.2. ارتفاع حروف بزرگ h به صورت عمود بر پایه خط اندازه گیری می شود. (شکل 1 و 2).

1.3. عرض حرف g بزرگترین عرض حرف است که مطابق با خط اندازه گیری می شود. 1 و 2، در رابطه با اندازه قلم h، به عنوان مثال g = 6/10 h، یا در رابطه با ضخامت خط فونت d، به عنوان مثال g = 6 d.1.4 تعیین می شود. ضخامت خط فونت d - ضخامت تعیین می شود بسته به نوع و ارتفاع فونت.1.5. شبکه کمکی - شبکه ای که توسط خطوط کمکی تشکیل شده است که حروف در آن قرار می گیرند. گام خطوط شبکه کمکی بسته به ضخامت خطوط فونت d تعیین می شود (شکل 3).

2. انواع و اندازه فونت

2.1. انواع فونت زیر نصب شده است: نوع A بدون مایل (d = 1/14 h) با پارامترهای ارائه شده در جدول. 1 نوع A با شیب حدود 75 درجه (d = 1/14 h) با پارامترهای ارائه شده در جدول. 1 نوع B بدون شیب (d = 1/10 h) با پارامترهای ارائه شده در جدول. 2 نوع B با شیب حدود 75 درجه (d = 1/10 ساعت) با پارامترهای ارائه شده در جدول. 2.

میز 1

فونت A را تایپ کنید (d = h/14)

گزینه های فونت

تعیین

اندازه نسبی

ابعاد، میلی متر

اندازه فونت -
ارتفاع حرف بزرگ
ارتفاع حروف کوچک
فاصله بین حروف
ضخامت خط فونت

جدول 2

نوع قلم B (d = h/10)

گزینه های فونت

تعیین

اندازه نسبی

ابعاد، میلی متر

اندازه فونت -
ارتفاع حرف بزرگ
ارتفاع حروف کوچک
فاصله بین حروف
حداقل فاصله ردیف (ارتفاع شبکه کمکی)
حداقل فاصله بین کلمات
ضخامت خط فونت
نکات: 1. فاصله a بین حروفی که خطوط مجاور آنها موازی با یکدیگر نیستند (مثلاً GA، AT) را می توان به نصف کاهش داد، یعنی. با ضخامت d خط فونت. 2. حداقل فاصله بین کلمات e که با علامت نگارشی از هم جدا می شوند، فاصله بین علامت نگارشی و کلمه بعد از آن است. هنگام اجرای اسناد به صورت خودکار، استفاده از فونت های مورد استفاده توسط فناوری رایانه مجاز است. در این صورت باید از نگهداری و انتقال آنها به کاربران اسناد اطمینان حاصل شود. (ویرایش تغییر یافته، اصلاحیه شماره 2) 2.2. اندازه فونت زیر تنظیم شده است: (1.8); 2.5; 3.5; 5 7; 10; 14; 20; 28; 40. توجه داشته باشید. استفاده از فونت 1.8 توصیه نمی شود و فقط برای نوع B.2.3 مجاز است. ساخت فونت در شبکه کمکی در شکل نشان داده شده است. 4.

2.4. حداکثر انحراف در اندازه حروف و اعداد ± 0.5 میلی متر است.

3. الفبای روسی (سیریلیک)

3.1. فونت نوع A با مایل در شکل نشان داده شده است. 5

3.2. نوع فونت A بدون مایل در شکل نشان داده شده است. 6.

3.3. فونت نوع B با مایل در شکل نشان داده شده است. 7.

3.4. فونت نوع B بدون مایل در شکل نشان داده شده است. 8.

4. الفبای لاتین

4.1. فونت نوع A با مایل در شکل نشان داده شده است. 9.

4.2. نوع فونت A بدون مایل در شکل نشان داده شده است. 10.

4.3. فونت نوع B با مایل در شکل نشان داده شده است. یازده

4.4. فونت نوع B بدون مایل در شکل نشان داده شده است. 12.

4.5. انواع، شکل و مکان فونت های نوع A و B بدون حروف کج در ضمیمه مرجع آورده شده است.

5. الفبای یونانی

5.1. فونت نوع A با مایل در شکل نشان داده شده است. 13.

5.2. نوع فونت A بدون مایل در شکل نشان داده شده است. 14.

5.3. فونت نوع B با مایل در شکل نشان داده شده است. 15.

5.4. فونت نوع B بدون مایل در شکل نشان داده شده است. 16.

5.5. نام حروف الفبای یونانی نشان داده شده در نقاشی. 13 - 16:

6. اعداد عربی و رومی

6.1. فونت نوع A در شکل نشان داده شده است. 17.

6.2. فونت نوع B در شکل نشان داده شده است. 18.

نکات: 1. اعداد رومی L, C, D, M باید طبق قوانین رعایت شود الفبای لاتین. 2. اعداد رومی ممکن است به خطوط افقی محدود شوند.

7. نشانه ها

7.1. فونت نوع A با مایل در شکل نشان داده شده است. 19.

7.2. نوع فونت A بدون مایل در شکل نشان داده شده است. 20.

7.3. فونت نوع B با مایل در شکل نشان داده شده است. 21.

7.4. فونت نوع B بدون مایل در شکل نشان داده شده است. 22.

7.5. نام علائم در جدول آورده شده است. 3.

جدول 3

اعداد را روی نقشه ها علامت بزنید

نام نشانه ها

اعداد را روی نقشه ها علامت بزنید

نام نشانه ها

1 نقطه 25 درصد
2 کولون 26 درجه
3 کاما 27 دقیقه
4 نقطه ویرگول 28 دومین
5 علامت تعجب 29 موازی
6 علامت سوال 30 عمود بر
7 نقل قول ها 31 گوشه
8 و 32 شیب
9 پاراگراف 33 مخروطی
10 برابری 34 مربع
11 ارزش پس از گرد کردن 35 قوس
12 سازگار 36 قطر
13 مجانبی برابر است 37 افراطی
14 تقریباً برابر است 38 انتگرال
15 کمتر 39 بی نهایت
16 بیشتر 40 براکت های مربعی
17 و 17 a کمتر یا مساوی 41 براکت های گرد
18 و 18 a بیشتر یا برابر 42 خط کسری
19 به علاوه 43 عدد
20 منهای، خط تیره 44 از به
21 مثبت یا منفی 45 علامت شباهت
22,23 ضرب 46 ستاره
24 بخش

8. قوانین نوشتن کسرها، اندیکاتورها، شاخص ها و انحرافات محدود

8.1. کسری ها، شاخص ها، شاخص ها و حداکثر انحرافات مطابق جدول انجام می شود. 4 اندازه فونت: یک مرحله کوچکتر از اندازه قلم مقدار اصلی که به اندازه فونت مقدار اصلی اختصاص داده شده است.

جدول 4

گزینه های اجرایی

نمونه های اجرا

مقادیر اساسی

کسری، توان و غیره

اندازه فونت یک قدم کوچکتر از اندازه اصلی است.

اندازه قلم با اندازه مقدار اصلی یکسان است


کاربرد

اطلاعات

دیاکریتیک

مجارستانی

آلمانی

زبان لهستانی

زبان رومانیایی

زبان چک و اسلواکی

داده های اطلاعاتی

1. توسعه و معرفی توسط کمیته دولتی استانداردهای اتحاد جماهیر شوروی 2. تایید شده و با قطعنامه وارد عمل شده است کمیته دولتیاتحاد جماهیر شوروی بر اساس استانداردهای مورخ 28 مارس 1981 شماره 15623. (حذف شده، اصلاحیه شماره 2)4. به جای GOST 2.304-685. نسخه (ژوئیه 2001) با تغییر شماره 1، مصوب مارس 1989 (IUS 7-89)

در این مقاله به بررسی خواهیم پرداخت راه های مختلف، که با آن می توانید اندازه را تعیین کنید فونت HTML.

نمای کلی واحدها

واحدهای اندازه گیری را می توان به دو دسته مطلق و نسبی تقسیم کرد.

واحدهای مطلق ثابت هستند و به هر کدام مراجعه می کنند واحدهای فیزیکیاندازه گیری ها پس از تنظیم، اندازه آنها تغییر نمی کند.

واحدهای نسبی معنای واقعی ندارند. اندازه آنها نسبت به عنصر والد تعیین می شود. این بدان معنی است که اندازه فونت را می توان با تغییر ابعاد عنصر مرتبط در HTML تغییر داد.

اینجا بررسی کوتاهبرخی از واحدهای اندازه گیری:

من نگاه دقیق‌تری به واحدهایی خواهم داشت که بیشترین معنا را دارند - px، pt، ٪، em، rem و vw.

چه تفاوتی بین آنها وجود دارد؟

درک تفاوت بین این واحدهای اندازه گیری از نظر تئوری دشوار است، بنابراین بهتر است آن را با آن نشان دهیم نمونه های خاصافزایش اندازه فونت HTML

مثال 1 - تنظیمات پیش فرض

در یک سند HTML که هنوز اندازه فونت را تنظیم نکرده اید، تنظیمات پیش فرض وجود دارد. در اکثر مرورگرها، اندازه فونت پیش فرض برای بخش های html و بدنه 100٪ است. که با موارد زیر مطابقت دارد:

100% = 1em = 1rem = 16px = 12pt

این بدان معناست که اگر اندازه فونت را برای یک بلوک تنظیم کنید<р>در 100٪ و برای دیگری - 16 پیکسل، آنها با همان اندازه فونت روی صفحه نمایش داده می شوند:


مثال 2 - واحدهای اندازه گیری مطلق و نسبی

درک تفاوت بین واحدهای اندازه گیری مطلق و نسبی با استفاده از یک مثال آسان تر است زمانی که می خواهیم اندازه فونت را در HTML برای یک عنصر خاص تنظیم کنیم. اگر html را تنظیم کنیم (اندازه قلم: 200٪) فقط بر بلوک ها تأثیر می گذارد<р>با اندازه فونت مشخص شده در واحدهای نسبی:

این مزیت استفاده از واحدهای نسبی اندازه گیری است. به این ترتیب، می توانید یک وب سایت واکنش گرا، به سادگی با تغییر اندازه فونت عنصر html ایجاد کنید:

مثال 3 - rem و em (و %)

واحدهای em (و %) با محاسبه کار می کنند اندازه فعلیفونت بسته به اندازه فونت عنصر والد.

مثلا:

html ( اندازه قلم: 100% /* =16px */) بدنه (اندازه قلم: 2em؛ /* =32px */) p (اندازه قلم: 1em؛ /* =32px */ /* اندازه قلم: 0.5em = 16px */ )

از آنجایی که p فرزند بدن است که به نوبه خود فرزند html است، پاراگراف هایی که اندازه فونت آنها با استفاده از em و درصد مشخص شده است دارای دو خواهند بود. اندازه های متفاوتفونت HTML:


هنگام استفاده از Em باید اندازه قلم تمام عناصر والد را در نظر بگیرید. در غیر این صورت، می تواند منجر به سردرگمی کامل شود.

راه حل این مشکل رم است. این فقط بر اساس اندازه فونت عنصر html محاسبه می شود، نه عنصر والد.

مثلا:

html ( اندازه قلم: 100% /* =16px */) بدنه (اندازه قلم: 2rem; /* =32px */) p (اندازه قلم: 1rem; /* =16px */ )

استفاده از rem به شما امکان می دهد مقیاس پذیری em را بدون تأثیر بر سلسله مراتب عنصر حفظ کنید.

مثال 4 - اندازه فونت بر اساس عرض درگاه دید

vw است واحد اندازه گیری جدید CSS3، که از عرض پنجره نمایش برای تغییر اندازه فونت در HTML استفاده می کند. این به شما امکان می‌دهد اندازه فونت را در طرح‌بندی‌های واکنش‌گرای شناور تنظیم کنید.

این یک واحد اندازه گیری عالی برای طراحی تطبیقی، اما من طرفدار او نیستم. این به من کنترل کافی روی اندازه فونت نمی دهد، که همیشه خیلی بزرگ یا خیلی کوچک است.

روش من

قبل از این مطالعه، من از پیکسل برای تنظیم اندازه فونت استفاده می کردم. زیرا امروزه بیشتر مرورگرها به کاربر اجازه می دهند در صورتی که متن خیلی کوچک به نظر می رسد بزرگنمایی کند.

با این حال، من این روش را از نظر مقیاس پذیری محدود می دانم. هنگام استفاده از آن، اندازه فونت در صفحه های متوسط ​​و کوچک عادی به نظر می رسد، اما در مورب های بزرگ نه. حتی اگر کاربران توانایی بزرگنمایی را داشته باشند، ما نمی خواهیم آنها را هر بار مجبور به انجام این کار کنیم.

بنابراین راه حل من استفاده از اندازه فونت rem در کد html است ( و پیکسل ها به عنوان بک بک):

html (اندازه قلم: 62.5%؛ /* برای سهولت در محاسبه، اندازه فونت پایه را روی 10 پیکسل تنظیم کنید */ ) بدنه (اندازه قلم: 16 پیکسل؛ اندازه قلم: 1.6 rem؛ /* اندازه فونت پیش فرض را روی مطمئن باشید که اندازه 10 پیکسل در هیچ کجا نخواهیم داشت */ ) h1 (اندازه قلم: 32 پیکسل؛ اندازه قلم: 3.2 rem؛ )

این به من امکان می دهد اندازه فونت را با استفاده از کد زیر تغییر دهم:

صفحه رسانه @ و (عرض حداقل: 1280 پیکسل) (html (اندازه قلم: 100٪؛ ))

این روش از پیکسل ها به عنوان بازگشتی استفاده می کند زیرا rem در IE8 و پایین تر پشتیبانی نمی شود. به همین دلیل، وقتی اندازه فونت HTML را برای مقیاس‌پذیری تغییر می‌دهم، بازگشتی تحت تأثیر قرار نمی‌گیرد. اما این مشکلی نیست، زیرا امکان مقیاس برای صفحه نمایش های فوق العاده بزرگ اختیاری است.

ترجمه مقاله ” اندازه فونت CSS ” توسط تیم پروژه دوستانه تهیه شده است.

GOST 2.304-81

گروه T52

استاندارد بین ایالتی

سیستم یکپارچه اسناد طراحی

طراحی فونت

سیستم یکپارچه برای اسناد طراحی. حروف برای نقاشی

ISS 01.080.30

تاریخ معرفی 1982-01-01

داده های اطلاعاتی

1. توسعه و معرفی کمیته دولتی استانداردهای اتحاد جماهیر شوروی

2. با قطعنامه کمیته دولتی استانداردهای اتحاد جماهیر شوروی مورخ 28 مارس 1981 N 1562 تصویب و لازم الاجرا شد.

3. (حذف شده، اصلاحیه شماره 2).

5. ویرایش (اگوست 2007) با اصلاحیه شماره 1، مصوب مارس 1989، ژوئن 2006 (IUS 7-89، 9-2006)

این استاندارد فونت های ترسیمی را ایجاد می کند که برای نقشه ها و سایر اسناد فنی کلیه صنایع و ساختمان ها اعمال می شود.

1. اصطلاحات و تعاریف

1. اصطلاحات و تعاریف

1.1. اندازه فونت- مقداری که با ارتفاع حروف بزرگ به میلی متر تعیین می شود.

1.2. ارتفاع حروف بزرگ عمود بر پایه خط اندازه گیری می شود.

ارتفاع حروف کوچک از نسبت ارتفاع آنها (بدون فرآیند) به اندازه فونت، به عنوان مثال، = 7/10 (خطوط 1 و 2) تعیین می شود.

1.3. عرض حروف- بزرگترین عرض یک حرف، اندازه گیری شده مطابق با نقشه های 1 و 2، در رابطه با اندازه قلم، به عنوان مثال، 6/10، یا در رابطه با ضخامت خط فونت، به عنوان مثال، 6 تعیین می شود.

1.4. ضخامت خط فونت- ضخامت، بسته به نوع و ارتفاع فونت تعیین می شود.

1.5. مش کمکی- شبکه ای که توسط خطوط کمکی که حروف در آن قرار می گیرند تشکیل شده است. گام خطوط شبکه کمکی بسته به ضخامت خطوط فونت تعیین می شود (شکل 3).

چرندیات. 3

2. انواع و اندازه فونت

2.1. انواع فونت زیر نصب شده است:

نوع A بدون شیب (=1/14) با پارامترهای ارائه شده در جدول 1.

نوع A با شیب حدود 75 درجه (=1/14) با پارامترهای ارائه شده در جدول 1.

نوع B بدون شیب (=1/10) با پارامترهای ارائه شده در جدول 2.

نوع B با شیب حدود 75 درجه (=1/10) با پارامترهای ارائه شده در جدول 2.

میز 1

فونت A را تایپ کنید (=)

گزینه های فونت

اوبوز-
معنی

اندازه نسبی

ابعاد، میلی متر

اندازه فونت:

ارتفاع حرف بزرگ

ارتفاع حروف کوچک

فاصله بین حروف

ضخامت خط فونت

جدول 2

فونت B را تایپ کنید (=)

گزینه های فونت

تعیین

اندازه نسبی

ابعاد، میلی متر

اندازه فونت:

ارتفاع حرف بزرگ

ارتفاع حروف کوچک

فاصله بین حروف

حداقل فاصله ردیف (ارتفاع شبکه کمکی)

حداقل فاصله بین کلمات

ضخامت خط فونت

یادداشت:

1. فاصله بین حروفی که خطوط مجاور آنها موازی با یکدیگر نیستند (مثلاً GA, AT) را می توان به نصف کاهش داد، یعنی. با ضخامت خط فونت

2. حداقل فاصله بین کلماتی که با علامت نگارشی از هم جدا شده اند، فاصله بین علامت نگارشی و کلمه بعدی است.

هنگام اجرای اسناد به صورت خودکار، استفاده از فونت های مورد استفاده توسط فناوری رایانه مجاز است. در این صورت باید از نگهداری و انتقال آنها به کاربران اسناد اطمینان حاصل شود.

(ویرایش تغییر یافته، اصلاحیه شماره 2).

2.2. اندازه فونت زیر تنظیم شده است: (1.8); 2.5; 3.5; 5 7; 10; 14; 20; 28; 40.

توجه داشته باشید. استفاده از فونت 1.8 توصیه نمی شود و فقط برای نوع B مجاز است.

2.3. ساخت فونت در شبکه کمکی در شکل 4 نشان داده شده است.

2.4. حداکثر انحراف در اندازه حروف و اعداد ± 0.5 میلی متر است.

3. الفبای روسی (سیریلیک)

3.1. فونت نوع A با مایل در شکل 5 نشان داده شده است.

3.2. فونت نوع A بدون مایل در شکل 6 نشان داده شده است.

3.3. فونت نوع B با مایل در شکل 7 نشان داده شده است.

3.4. فونت نوع B بدون مایل در شکل 8 نشان داده شده است.

4. الفبای لاتین

4.1. فونت نوع A با مایل در شکل 9 نشان داده شده است.

4.2. فونت نوع A بدون مایل در شکل 10 نشان داده شده است.

لعنتی 10

4.3. فونت نوع B با مایل در شکل 11 نشان داده شده است.

لعنتی.11

4.4. فونت نوع B بدون مایل در شکل 12 نشان داده شده است.

لعنتی 12

4.5. انواع، شکل و مکان نشانه ها برای فونت های نوع A و B بدون مایل در پیوست مرجع آورده شده است.

Diacritics برای فونت های ایتالیک باید از همان قوانین پیروی کند.

5. الفبای یونانی

5.1. فونت نوع A با مایل در شکل 13 نشان داده شده است.

لعنتی.13

5.2. فونت نوع A بدون مایل در شکل 14 نشان داده شده است.

لعنتی.14

5.3. فونت نوع B با مایل در شکل 15 نشان داده شده است.

لعنتی.15

5.4. فونت نوع B بدون مایل در شکل 16 نشان داده شده است.

لعنتی.16

5.5. نام حروف الفبای یونانی نشان داده شده در شکل 13-16:

omicron

6. اعداد عربی و رومی

6.1. فونت نوع A در شکل 17 نشان داده شده است.

لعنتی.17

6.2. فونت نوع B در شکل 18 نشان داده شده است.

لعنتی.18

یادداشت:

1. اعداد رومی L، C، D، M باید طبق قوانین الفبای لاتین اجرا شوند.

2. اعداد رومی ممکن است به خطوط افقی محدود شوند.

7. نشانه ها

7.1. فونت نوع A با مایل در شکل 19 نشان داده شده است.

لعنتی 19

7.2. فونت نوع A بدون مایل در شکل 20 نشان داده شده است.

لعنتی.20

7.3. فونت نوع B با مایل در شکل 21 نشان داده شده است.

لعنتی.21

7.4. فونت نوع B بدون مایل در شکل 22 نشان داده شده است.

لعنتی.22

7.5. نام علائم در جدول 3 آورده شده است.

جدول 3

اعداد را روی نقشه ها علامت بزنید

نام نشانه ها

کولون

نقطه ویرگول

علامت تعجب

علامت سوال

پاراگراف

برابری

ارزش پس از گرد کردن

سازگار

مجانبی برابر است

تقریباً برابر است

کمتر یا مساوی

بیشتر یا برابر

منهای، خط تیره

مثبت یا منفی

ضرب

موازی

عمود بر

مخروطی

انتگرال

بی نهایت

براکت های مربعی

براکت های گرد

خط کسری

علامت شباهت

ستاره

8. قوانین نوشتن کسرها، اندیکاتورها، شاخص ها و انحرافات محدود

8.1. کسری ها، شاخص ها، شاخص ها و حداکثر انحراف ها مطابق با اندازه قلم جدول 4 انجام می شود:

یک گام کوچکتر از اندازه فونت مقدار اصلی که به آنها اختصاص داده شده است.

همون اندازه فونت اصلی.

جدول 4

گزینه های اجرایی

فونت ها

نمونه های اجرا

اساسا
عالی
رتبه ها

کسری تا
آتلیه و غیره

اندازه فونت یک قدم کوچکتر از اندازه اصلی است.

اندازه قلم با اندازه مقدار اصلی یکسان است

ضمیمه (مرجع). دیاکریتیک

کاربرد
اطلاعات

مجارستانی

آلمانی

زبان لهستانی

زبان رومانیایی

زبان چک و اسلواکی

متن سند الکترونیکی
تهیه شده توسط Kodeks JSC و تأیید شده در برابر:
انتشار رسمی
سیستم یکپارچه اسناد طراحی:
نشست GOST. - M.: Standartinform، 2007



 


خواندن:



حسابداری تسویه حساب با بودجه

حسابداری تسویه حساب با بودجه

حساب 68 در حسابداری در خدمت جمع آوری اطلاعات در مورد پرداخت های اجباری به بودجه است که هم به هزینه شرکت کسر می شود و هم ...

کیک پنیر از پنیر در یک ماهیتابه - دستور العمل های کلاسیک برای کیک پنیر کرکی کیک پنیر از 500 گرم پنیر دلمه

کیک پنیر از پنیر در یک ماهیتابه - دستور العمل های کلاسیک برای کیک پنیر کرکی کیک پنیر از 500 گرم پنیر دلمه

مواد لازم: (4 وعده) 500 گرم. پنیر دلمه 1/2 پیمانه آرد 1 تخم مرغ 3 قاشق غذاخوری. ل شکر 50 گرم کشمش (اختیاری) کمی نمک جوش شیرین...

سالاد مروارید سیاه با آلو سالاد مروارید سیاه با آلو

سالاد

روز بخیر برای همه کسانی که برای تنوع در رژیم غذایی روزانه خود تلاش می کنند. اگر از غذاهای یکنواخت خسته شده اید و می خواهید لذت ببرید...

دستور العمل لچو با رب گوجه فرنگی

دستور العمل لچو با رب گوجه فرنگی

لچوی بسیار خوشمزه با رب گوجه فرنگی مانند لچوی بلغاری که برای زمستان تهیه می شود. اینگونه است که ما 1 کیسه فلفل را در خانواده خود پردازش می کنیم (و می خوریم!). و من چه کسی ...

فید-تصویر RSS