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

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

ارسال نظر


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