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

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

ارسال نظر


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