نوشته‌ها

font-face

چگونه فونت دلخواه خود را داشته باشیم؟

 

 

همیشه انتخاب فونت از مواردی بوده که مدیرهای سایت ها و طراحان اون رو بزحمت انداخته!  فونت عامل تعیین کننده ای در زیبایی سایت هست و همچنین نشون دهنده شخصیت اون سایته!  حالا با سرچ ساده ای در گوگل و گشت و گذاری در سیات های فارسی می فهمیم که فونت های زیبا و متنوعی در صفحات وب بوجود اومده که هر کدوم از اونها نشان دهنده سطح و شخصیت سایت هست!

اما این فونت های متنوع از کجا اومده؟ بهتون می گم با ورود css3 قابلیتی بنام @font-face بوجود اومد که بوسیله اون می شه هر فونتی رو توی صفحه وبتون نمایش بدید! اما چطور ؟ با هم می بینیم!

ساختار اصلی @font-faceبصورت زیر هست!

  1. @font-face {
  2. font-family‘B yekan’;
  3.  url(‘http://ifont.ir/eot/BYekan.eot?#’format(‘eot’),
  4.  url(data:application/octet-stream;base64,) format(‘woff’),
  5.  url(‘http://ifont.ir/svg/byekan.svg’format(‘svg’);
  6. font-weight:normal;
  7. }

font-family در @font-face اسم فونت مورد نظر شما هست که می تونید بطور دلخواه هر اسمی که می خواهید بگذارید روش!

در خطوط پایین تر شما فرمت می بینید و آدرس خود فونت که محل لود شدن اون قرار دادشده! اما منظور از فرمت چیه؟

فرمت استاندارد فرمت ttf هست و به زودی تمامی مرورگر ها از این فرمت پشتیبانی می کنن اما فرمت های اصلی عبارتند از گوگل کروم : ttf و SVG و  فایرفاکس : otf و ttf  و اپرا و سافاری : ttf , otf و SVG و اینترنت اکسپلورر : eot

خب! اما حالا ما یه فونت داریم چطوری اینها رو به این فرمت ها در بیام و لود کنیم؟ کافیه که به سایت  @font-face Kit Generator برید و فونت خودتون رو آپلود کنید و فایلی با این فرمت ها رو دریافت کتید! به همین سادگی!

خوب حالا چطور از این @font-face استفاده کنیم؟ کافیه که هرجا می خواهید این فونت اعمال بشه خصوصیت

 font-family: ‘B yekan’;

رو بنویسید!

امیدوارم این آموزش براتون مفید باشه و نحوه استفاده از این خصوصیت خوب  css رو فراگرفته باشید!

چگونه فونت دلخواه خود را داشته باشیم؟

 

Dos-and-Donts-of-Web-Design-1024x535

وبسایت و بایدها

در طراحی و مدیریت سایت باید همیشه اصولی را رعایت کرد حال می خواهیم به بررسی چندتا از این اصول بپردازیم!

وبسایت و بایدها

بایدها:

1- از نکات ابتدایی که باید رعایت کنید این است که همیشه از رنگها و فونت های مناسب استفاده کنید! فونت ها نباید خیلی ریز و یا خیلی درشت باشند یعی کنید تنوع فونت ها را در سایت خود کم کنید! و از رنگ های جیغ و خیلی گرم استفاده نکنید! قبل از  طراحی سایت  لازم است روانشناسی رنگ خود را مطابق با اهاداف و محتوای خود تنظیم کنید!

2- یکی از آفت های استفاده از تکنولوژی کم حوصله شدن مردم است این کم حوصلگی باعث می شود تا مخاطبان دوست داشته باشند زودتر کارهای خود را انجام دهند یکی از موارد وقت گیر در سایت ها استفاده از فرم های ثبت نام و گرفتن اطلاعات از کاربران است. به این نکته توجه کنید فرم باید ساده جذاب و حتما کوتاه باشد! رعایت این مورد تاثیر زیادی در افزایش کاربران سایت شما خواهد داشت!

vimeo

3- از سایت در دست تعمیر است استفاده کنید! وقتی در حال طراحی سایت خود هستید یا اینکه قصد دارید صفحه بخصوصی را طراحی کنید یا اینکه می خواهید سایتتان را برای مدتی کوتاه تعمیر و یا بهینه سازی کنید از این صفحه استفاده کنید! این صفحه به کاربران شما این پیام را می دهید که شما بر می گردید! این پیام باعث می شود مخاطبین خود را از دست ندهید! استفاده از این صفحه را فراموش نکنید!

1293268201608729_large

4- این را برای کسانی که می خواهند سایت سفارش بدهند می نویسم! یه طراح سایت خود اعتماد کنید! او می داند چه می سازد! نظرات خودرا به او بگویید اما آن ها را تحمیل نکنید! اگر شما برای اولین بار است با سایت اینترنتی دست و پنجه نرم می کنید! کار او این است که با سایت ها زندگی کند! پس به توصیه های او عمل کنید! البته این برای همه طراحان کاربرد ندارد اول دنبال آدم کار بلد بگردید بعد به او کار را بسپارید!