XE 아이콘때 한번 황당한 경험을 해서 조심스럽네요.

 

5로 교체를 안했는데 혹시나 해서 확인 후 추후에 교체를 하려고 하는데요.

하위 아이콘 모두 포함하는거죠?

  • ?
    클래스가 fa만 있지 않고 굵기나 채워지고 아니고에 따라 far fas로 나뉘고 브랜드 로고는 fab 이런식으로 구분되어 있습니다.
    5에 4가 포함되는건 아닙니다. 그렇다고 4에 있던 아이콘이 5에 없지는 않지만 5를 임포트 하고 4처럼 사용할 수는 없습니다.
  • ? profile
    그럼 서버에 폰트어썸 파일을 5로 교체해버리면 4를 불러왔던 코드들은 무용지물이 된다는 이야기로 해석이 됩니다.

    그렇다면 5버전은 다른 경로에 추가로 설치하고 불러와야 하는건가요?
  • ?
    이 문서를 한번 참고해보세요. https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4
  • ? profile
    시간내서 정독을 해봐야겠습니다.
  • profile
    포함은 되지만 전체적으로 얇아지고, 클래스명이 일부 바뀌었어요.
  • profile profile
    문가 XE아이콘때와 비슷한 스멜이 느껴지네요...
  • profile
    신텍스가 바뀌는 형태입니다.

    코미님이 링크 해주신 링크 보시면
    <i class="fa fa-camera-retro"></i> <!-- version 4's syntax -->

    <i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->

    이렇게 알려주는데, syntax 라는게 프로그래밍 언어에서 하나의 규칙? 이런 개념입니다.

    즉, 폰트어썸 기준으로 이번에 버전이 높아지면서 규칙이 바뀌는 것입니다.
  • profile profile
    그럼 5로 교체하는 순간 기존에 집어 넣으 코드를 모두 fas 로 바꿔야 하는거군요.
  • profile ?
    모두 바꾸면 일부는 제대로 안나올 가능성이 있습니다.
    4에서는 모두 fa 였지만
    5에서는 굵기나 모양에 따라 fas far fab 등으로 세분화되었어요
  • profile ?
    여기에 따르면 꼭 바꿀 필요는 없어보입니다. https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4#shims
  • ? profile
    <load target="https://use.fontawesome.com/releases/v5.3.1/css/v4-shims.css" />
    이렇게 로딩시키면 문제 없이 기존 v4 버전의 신텍스도 사용할 수 있군요 ㅋㅋ
  • profile profile
    오.. 그럼 5로 폰트를 모두 교체해 버리고 로드할때 위와 같이 로드하면 되는건가요? CDN에서 여러폴더의 것을 참조하는 방식은 아니겠죠?

    그냥 하나의 폴더에 5버전의 폰트만 있으면 되는거죠?
  • profile profile
    자세한건 링크에 적힌 방법대로 순서대로 로딩시키기만 하면 문제는 없을듯합니다..ㅋㅋ