xe 아이콘 미출력 문제

댓글 11

• 카이네드

  2017.04.25 10:46
  i class = xi-list xi-li 에서 xi-li만 빼고 사용하면 나올것 같은데요?
  좋아요 0
• 

  고양이

  2017.04.25 10:55
  @카이네드

  공식사이트 샘플을 넣은건데ㅜ 지금 모바일이라 조금 뒤에 해볼게요. 레이아웃에서 작동 하는게 맞는거죠?
  좋아요 0
• 카이네드

  2017.04.25 11:40
  @고양이

  그렇다면 더욱 안나올 확률이 높죠
  왜냐하면 xi-li 클래스의 스타일은 샘플이 필요로 하는 위치에 표시하도록 지정한 부분입니다.
  레이아웃에 xeicon.css/xeicon.min.css 를 제대로 불러들이셨다면 작동할겁니다.
  좋아요 0
• 

  고양이

  2017.04.25 11:43
  @카이네드

  http://xpressengine.github.io/XEIcon/examples.html
  
  여기샘플이라 그렇지 않을꺼에요ㅎ

  스샷에보이는것처럼 css도 불러와져있어요 컴켜서 해볼게요ㅎ
  좋아요 0
• 카이네드

  2017.04.25 11:54
  @고양이

  샘플만 가지고 하셨다면 전혀 문제가 없는데.. 전체 코드를 확인해봐야 할듯하네요
  좋아요 0
• 

  고양이

  2017.04.25 11:59
  @카이네드

  이상하네요 심지어 레이아웃을 텅텅 비우고
  {$content} 만넣고 CSS도 다 비우고 테스트를 해도 나오지 않네요 ㅎㅎ 거참 이상하네요.
  좋아요 0
• 

  고양이

  2017.04.25 12:06
  @카이네드

  앗 그러네요
  
  <i class="xi-face xi-x"></i> xi-x
  <i class="xi-face xi-2x"></i> xi-2x
  <i class="xi-face xi-3x"></i> xi-3x
  <i class="xi-face xi-4x"></i> xi-4x
  <i class="xi-face xi-5x"></i> xi-5x
  
  <i class="xi-face xi-x"></i> xi-x
  
  이런식으로만 하니깐 다 안나오고..
  
  <i class="xi-note"></i>
  
  이렇게 사이즈 옵션이 빠진것만 나오네요 희한하네요

   

   

   

  좋아요 0
• 

  고양이

  2017.04.25 12:14
  @카이네드

  

   

  라이믹스에 내장된게 라이믹스에서만 필요한 아이콘만 아주 일부포함된 버전인가봐요.ㅎ ㅎ

   

  face는 안나오고 note는 나오네요. 

   

  <link rel="stylesheet" href="//cdn.jsdelivr.net/xeicon/2/xeicon.min.css">

  로 갈아끼우니 다 잘나옵니다.

   

  결론적으로 라이믹스 내장된 <link rel="stylesheet" href="/common/css/xeicon/xeicon.min.css">

  이파일이 온전한 파일이 아니였나봅니다.

   

  좋아요 1
• YJSoft

  2017.04.25 12:56

  아마 2.3.0용 페이지를 찾아보신것 같은데요, 라이믹스와 XE에 내장된 XEIcon의 버전은 1.0.4입니다.(한때 2.0으로 업데이트 되었다가 호환성 문제때문에 롤백되었습니다.) 온전한 파일이 아닌것이 아닙니다;
  
  http://xpressengine.github.io/XEIcon/library-1.0.4.html 에서 찾아 쓰셔야 합니다.

  좋아요 0
• 

  고양이

  2017.04.25 13:19
  @YJSoft

  아아 그렇군요. 감사드립니다.~ ㅎ
  1.0.4껄로 대체해서 써야겠네요 감사합니다.
  좋아요 0
• hyobokkim

  2025.05.01 10:15

  라이믹스 최신패치하면서 운영중인 사이트의 xe아이콘이 출력 안되는 문제가 있었는데, 댓글에 해답이 있었네요. 과거 버전의 <link rel="stylesheet" href="//cdn.jsdelivr.net/xeicon/2/xeicon.min.css"> 링크로 적용하니 아이콘이 잘나옵니다^^

  좋아요 0