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

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

ارسال نظر


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