قوانینی برای تنظیم اندازه متن در صفحات وب

1 1 1 1 1 1 1 1 1 1 رتبه 5.00 (1 رای)
قوانینی برای تنظیم اندازه متن در صفحات وب - 5.0 out of 5 based on 1 vote

font size

برخی از طراحان باور دارند که متن کوچک به صفحه وب ظاهری براق می دهد و فضای بیشتر یبرای محتوای واقعی در هر صفحه ارائه می کند. برخی اوقات نتایج غیر منطقی برای فونت اندازه کوچک حاصل می شود.

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

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

<font> را فراموش کنید ، از CSS استفاده کنید

روش مدرن و مناسب تنظیم اندازه متن برای صفحات وب ، استفاده از CSS می باشد. این کار بطور کاملا جدی بجای برچسب <font> در HTML توصیه می شود. زیرا CSS بیشتر از HTML انعطاف پذیر است و راه آسانتری برای نگه داری و ذخیره پهنای باند می باشد. از خصوصیات <color> و <background-color> یا مختصر آن <background> در CSS استفاده کنید.

هدف از این بحث ، پرداختن به تقابل CSS با برچسب <font> نیست. ممکن است خوانندگان بخواهند اطلاعات بیشتری درباره این موضوع بدست آورند. اینکار با موتورهای جستجو به راحتی قابل دستیابی است. اما ما اینجا به شما استفاده خوبی از CSS را یاد می دهیم تا بتوانید صفحات روشنی ایجاد کنید.

استفاده صحیح از خصوصیات فونت CSS

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

به تنظیمات کاربر احترام بگذارید و از اندازه کوچک در محتوا خودداری کنید.

  • به عنوان یک اندازه پایه برای اسناد ، ۱em (یا ۱۰۰%) معادل تنظیمات اندازه فونت کاربر است.
    • بسیاری از کاربران بر این باورند که طراحان اینکار را برای اینکه اندازه متن از تنظیمات کاربر پیروی کند ، انجام می دهند.
    • به هر حال ، از آنجا که بسیاری از سایت ها اندازه فونت را بر اندازه پایه تنظیم می کنند ، تنظیم این اندازه به ۱em باعث می شود نهایتا ، اندازه متن از سایر سایت ها ممکن است متناقض به نظر برسد.
  • از اندازه زیر ۱em در مقیاس em  برای متن بدنه سایت ، اجتناب کنید ، بجز مواردی مانند اطلاعات کپی رایت و سایر موارد مشابه.

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

  • font-size  را در مقیاس pt یا سایر واحد های طولی مطلق در استایل شیت های نمایشی ، تعریف نکنید. زیرا آنها در پلت فرم ها ، متناقض نمایش داده می شوند و عامل کاربر (مرورگر و …) نمیتواند اندازه آن را تغییر دهد. استفاده از واحد های استایل دهی روی رسانه با خصوصیات فیزیکی شناخته شده را ادامه دهید. (مثال : print)
  • از واحد های طولی متناسب مانند درصد یا بهتر از آن ، em  ، استفاده کنید
  • حتی بهتر از آن ، اگر font-size پایه برای سند تنظیم شده باشد ، زمانی که اندازه فونت را برای یک سند ویژه در داخل یک سند تنظیم می کنید ، از اندازه مطلق (xx-small | x-small | small | medium | large | x-large | xx-large) یا اندازه متناسب (larger |smaller)  استفاده کنید.

font-family  خوانا

اگر از یک font-size کوچک استفاده می کنید ،یک  font-family خوانایی با ارزش وضوح بالا را ترجیح دهید که هرچه اندازه کوچکتر شود همچنان خوانا باقی بماند.

ارسال نظر


VIBER W3C Validator Fetch as Googlebot یزد شبکه خصوصی php ITVAN طراحی تصاویری ۳۶۰ درجه ای شاه کلید وب ابر قدرت Dreamweaver درمانگاه ها ESET Remote Administrator Console کاتالوگ آنی اد بهترین روش سئوی سایت کاتالوگ آنلاین روش تبلیغات الگوریتم سئو و بهینه سازی بیلبورد در شیراز وب سایت وبسایت گوگل وب مستر بمب گوگل ، دوربین مداربسته در یزد پاناروما تحت وب TeamViewer Enterprise 9.0.27614 طراحی ساده بیلبورد صفحه اول گوگل چک کردن web سیستم مدیریت ایمیل ملی اندروید بی نهایت نوبت دهی TeamViewer Enterprise بسته cms پورتال کارت تخفیف سیستم مدیریت کارت شارژ طراحی سه بعدی TeamViewer 10 داینامک حرفه ای Download Crack TeamViewer 9.28223 تصاویر 360 درجه نامحدود وب سایت در یزد جستجو تصاویر در گوگل آموزش تصویری یاهو Google Robot تصاویر بندانگشتی نمایش تصاویر بیلبورد در مازندران اولین شرکت طراحی وب سایت در یزد اسکریپت نوبت دهی پزشکان seo پیامک رایگان خرید بلیط اینترنتی بیمارستان ها بیلبورد در مشهد XML آتلیه شورای انفورماتیک کشور تکنولوژی وب بیلبورد در همدان تعرفه پانوراما تور مجازی 360 درجه تعرفه نمونه کارها نرم افزار ارسال انبوه تلگرام سیستم مدیریت سامانه پیامک شرکت طراحی و ب سایت در یزد کلینیک ها بهترین روش تبیلغات رتبه اول گوگل پنگوئن تبلیغات محیطی در یزد سئو وب اول شرکت طراحی یزد حذف پسورد ویندوز وب سایت ها سیستم مدیریت اعلام نمرات مدارس وبمستر عکاسی گوگل Crack TeamViewer Enterprise 9.28 طراحی وب اپلیکیشن رسمی عکاسی گوگل طراحی وب سایت مصطفی رضایی تفاوت نسخه رایگان و نسخه اصلی نمونه کار طراحی وب سایت فیلتر شکن 2015 ،فیلم برداری صنعتی ESET NOD32 Antivirus 7 Code Anywhere پیج رنک خبر یزد برنامه نویسی ESET Remote Administrator Server سه بعدی الکسا برتر پرداخت آنلاین معرفی سایت شرکت طراحی وب یزد قیمت Ajax پلانتی رایگان پارانوما Google Drawing google bomb نسخه کرک شده سایت اخبار یزد جستجوگر مدیران وب سایت سیستم نوبت دهی پزشکان وب مستر اسکریپت گالری تصاویر شرکت وب سایت یزد فروش لایسنس بهترین شرکت طراحی وب سایت برنامه نویسی موبایل در یزد HTML صفحات وب Server Enterprise مادام العمر برنامه نویسی PHP نقشه سایت vpn طراحی وب یزد Hotspot Shield Elite شرکت طراحی وب سایت در یزد Firebug بهینه سازی موتور جستجو ربات گوگل پیشرو پرداز یزد فیلتر شکن هنری jQuery UI بیلبورد در یزد وایبر سیستم مدیریت محتوا بیتا Rank You probably tried to upload too large file HTML5 boilerplate Firefox کرک پزشک photo spheres پیشرو پرداز بیلبورد در کرج ویندوز: XP-7-8 پنالتی گوگل گوگل-goolge-طراحان سایت بیلبورد در سمنان الگوریتم های پاندا و پنگوئن گوگل پلی سیستم فروشگاه ساز robots TeamViewer آنتی ویروس 2014 نرم افزار حذف پسورد بیلبورد در تهران