Font Awesome 등록 방법

소개

Font Awesome의 아이콘을 사용한다고 생각했습니다만 뭔가에 등록하지 않으면 안 된다. . .

모두 영어로 어디서 해야할지 모르겠다. . .

이런 상황에 나 자신이었기 때문에 누군가의 도움이 된다고 생각해, 투고합니다

사용 가능까지의 단계

등록하기 (이메일 주소)

암호 결정

지정된 설명을 태그에 붙여 넣습니다

이 세 점에서 사용할 수 있습니다.

등록하다

여기가 사이트입니다.
먼저 액세스합시다.

톱 페이지에 start for free(무료로 시작한다)라고 있으므로 이쪽으로부터 신규 등록합니다.

오른쪽은 과금하지 않으면 사용할 수 없습니다.

여기에 이메일 주소를 입력하는 양식이 있으므로 자신의 주소를 입력하십시오.
입력 후 send kit code

비밀번호 결정

이메일 주소를 설정하면 해당 주소로 이메일이 전송됩니다.

click to confirm your email address + set things up(클릭하면 이메일 주소를 확인하고 설정할 수 있습니다.)라고 적혀 있으므로 클릭합니다.

비밀번호를 두 번 입력하는 화면으로 전환하므로 자신의 비밀번호를 결정합니다.

입력 후 이러한 화면이 나옵니다.
더 당신을 알고 싶다! 라고 합니다만 나는 무시해 버렸습니다.

미안해. Font Awesome ...

드디어 아이콘을 사용할 수 있게 됩니다.

··· 앞에 1점 마지막에 기술할 필요가 있는 항목이 있습니다.

지정된 설명을 태그에 붙여넣기

이 화면으로 전환한다고 생각합니다.

그러면 ①의 Add Your Kit's Code to a Project(당신의 키트 코드를 프로젝트에 추가)와 있으므로 복사하여 붙여넣습니다.

application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>アプリ</title>
    <link 
    <script src="https://kit.fontawesome.com/個人ID.js" crossorigin="anonymous"></script>
  </head>

  <body>
    <%= yield %>
  </body>
</html>

나중에 사용하고 싶은 아이콘을 찾아 붙여넣으면 사용할 수 있습니다.

!

<i class="fab fa-youtube"></i>

참고

Reference

이 문제에 관하여(Font Awesome 등록 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/N396184501/items/0301065de1fb6aa526b9

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다