ورود به حساب ثبت نام جدید فراموشی کلمه عبور
برای ورود به حساب کاربری خود، نام کاربری و کلمه عبورتان را در زیر وارد کرده و روی «ورود به سایت» کلیک کنید.





اگر فرم ثبت نام برای شما نمایش داده نمی‌شود، اینجا را کلیک کنید.









اگر فرم بازیابی کلمه عبور برای شما نمایش داده نمی‌شود، اینجا را کلیک کنید.





نمایش نتایج: از 1 به 4 از 4
  1. #1
    تاریخ عضویت
    2017/11/20
    نوشته ها
    6
    4
    Junior Member

    آموزش نحوه استفاده از فونت آیکون در html

    سلام من تازه دارم طراحی سایت با HTML رو یاد میگیرم و میخواستم تو صفحاتی که درست می کنم به جای تصاویر از فونت آیکون ها استفاده کنم اما آموزش مناسبی برای این موضوع پیدا نکردم. لطفا نحوه استفاده از فونت آیکون را با مثال برام توضیح بدید ممنون.
    ویرایش توسط سعید سیفی زاده : 2018/05/16 در ساعت 08:58
  2. #2
    تاریخ عضویت
    2017/11/22
    نوشته ها
    364
    239
    Administrator
    سلام
    یکی از سایت هایی که فونت آیکون ارائه میده سایت Font Awesome هستش که در مقایسه با سایر سایت شناخته شده تر است. خوب حالا برای این که بتونیم از فونت آیکون های این سایت استفاده کنیم دو راه وجود داره یکی این که از قسمت دانلود سایت Font Awesome فونت آیکون ها رو دانلود کنیم و به پروژه اضافه کنیم:


    کد:
    <head>
      <!--core first + styles last-->
      <link href="/static/fontawesome/fontawesome-all.css" rel="stylesheet">
    </head>
    <body>
      <!--user icon in two different styles-->
      <i class="fas fa-user"></i>
      <i class="far fa-user"></i>
      <!--brand icon-->
      <i class="fab fa-github-square"></i>
    </body>


    و یا میتونیم به صورت مستقیم و از لینکی که خود سایت معرفی کرده استفاده کنیم. به صورت زیر میتونیم فونت آیکون ها رو به صفحه اضافه کنیم:
    کد:
     
    <head>
      <!--core first + styles last-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
    </head>
    <body>
      <!--user icon in two different styles-->
      <i class="fas fa-user"></i>
      <i class="far fa-user"></i>
      <!--brand icon-->
      <i class="fab fa-github-square"></i>
    </body>
  3. #3
    تاریخ عضویت
    2017/11/20
    نوشته ها
    6
    4
    Junior Member
    سلام خیلی ممنون از راهنمایی شما.
    لطفا اگه چن تا سایت دیگه که فونت آیکون ارائه می دن رو معرفی کنید. تو این سایتی که گفتید برای برخی از آیتم آیکون مناسب پیدا نکردم.
  4. #4
    تاریخ عضویت
    2017/11/22
    نوشته ها
    364
    239
    Administrator
    سلام چند تا سایت مشهور دیگه تو زمینه ارائه فونت آیکون (به جز سایت FontAwesome) رو اینجا قرار دادم امیدوارم به دردتون بخوره:

    1. Fontello - icon fonts generator
    2. IcoMoon
    3. Line Awesome
    4. Themify Icons
    5. Ionicons
    6. Bootstrap Glyphicons
نمایش نتایج: از 1 به 4 از 4

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •