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

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 خوانایی با ارزش وضوح بالا را ترجیح دهید که هرچه اندازه کوچکتر شود همچنان خوانا باقی بماند.

ارسال نظر


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