پیش از این ، هنگام ایجاد سایت ها ، مجبور بودید از آیکون های bitmap استفاده کنید. زیبا بود ، اما به دلایل مختلف ناخوشایند بود. امروزه آیکون های برداری جایگزین آیکن های شطرنجی شده اند. این یک راه حل اصلی و ظریف است که سایت شما را تزئین و طراوت می بخشد.
دستورالعمل ها
مرحله 1
سرویس وب خوبی برای ایجاد فونت از آیکون ها وجود دارد. Fontastic نامیده می شود. این کاملا رایگان است و بدون تبلیغات است. اولین قدم ثبت نام در وب سایت خدمات است. به وب سایت fontastic.me بروید ، آدرس ایمیل خود را در قسمت های ورودی وارد کرده و یک رمز عبور ایجاد کنید ، سپس روی دکمه بزرگ زرد "ایجاد قلم نماد خود" کلیک کنید. گاهی اوقات اتفاق می افتد که هیچ اطلاعاتی با تأیید ثبت نام موفقیت آمیز نمایش داده نمی شود. نگران این موضوع نباشید ، به مرحله بعدی بروید.
گام 2
اکنون بر روی دکمه "ورود" که در گوشه بالا سمت راست قرار دارد کلیک کنید. در صفحه باز شده ، ایمیل و رمز ورود خود را دوباره وارد کنید ، دکمه "ورود" را فشار دهید.
پس از چند ثانیه انتظار ، پانل ایجاد فونت از آیکون ها باز می شود.
مرحله 3
در اینجا یک انتخاب بزرگ از آیکون ها وجود دارد. با کلیک بر روی نمادهای مورد نظر خود با ماوس ، به تعداد مورد نیاز آیکون را انتخاب کنید. در بالا ، بعد از کلمه "PUBLISH" ، تعداد نمادهای انتخاب شده نشان داده می شود.
مرحله 4
اگر از شماره ارائه شده آیکون کافی ندارید ، به پایین صفحه بروید و دکمه "افزودن نمادهای بیشتر" را پیدا کنید. روی آن کلیک کنید.
مرحله 5
صفحه ای با بسته های آیکون اضافی باز می شود. برخی از آنها پرداخت می شوند (با برچسب "حق بیمه") ، برخی از آنها رایگان هستند. برای فعال کردن نمادهای اضافی ، دکمه "ACTIVATE" را در بسته های انتخاب شده فشار دهید. اکنون هنگام شروع به کار با صفحه کنترل ، با کلیک بر روی دکمه "صفحه اصلی" در فهرست بالا ، آنها در لیست کلی نمادهای موجود ظاهر می شوند.
مرحله 6
اگر می خواهید نمادهای شخصی خود را اضافه کنید ، سپس در همان صفحه در بالا سمت راست ، روی دکمه "IMPORT ICONS" کلیک کنید. اکنون می توانید آیکون های خود را بارگذاری کنید. لطفاً توجه داشته باشید که فقط قالب برداری SVG پشتیبانی می شود.
مرحله 7
پس از انتخاب تعداد مورد نیاز آیکون ها ، دکمه "سفارشی سازی" را فشار دهید. در اینجا تمام آیکون های انتخاب شده را مشاهده خواهید کرد ، و می توانید نام کلاس های دلخواه را به آنها اختصاص دهید ، که به وسیله آنها در سبک های CSS به آنها مراجعه خواهید کرد. یا می توانید نام پیش فرض هایی را که سیستم به آیکون ها اختصاص داده است ، بگذارید.
مرحله 8
دکمه "PUBLISH" را فشار دهید. در اینجا می توانید فونت نماد وکتور ایجاد شده (دکمه "بارگیری") را بارگیری کنید. بایگانی قلم ایجاد شده توسط سرویس را در رایانه خود بارگیری کنید.
مرحله 9
بایگانی بارگیری شده شامل پرونده سبک CSS ، پرونده HTML با نام کلاس های آیکون و پوشه "قلم ها" با قلم ها است. از این قلم نماد می توان در وب سایت شما استفاده کرد.
مرحله 10
برای استفاده از قلم آیکون ایجاد شده ، باید موارد زیر را انجام دهید:
- محتویات بایگانی را باز کنید و با سبک در سایت خود در پوشه بارگذاری کنید.
- پیوند به یک فایل CSS را در بخش HEAD از تمام صفحات سایت که با این فونت آیکون کار می کنند وارد کنید.
- در کد صفحه ، از نام کلاسهای ایجاد شده قبلی برای استفاده از قلم آیکون تازه ایجاد شده استفاده می کنیم.
