CSS를 사용하는 글꼴 굉장 아이콘이 변경되지 않습니다.

전체 웹의 WordPress 테마에서 굉장 글꼴 아이콘을 수정하고 싶습니다. 테마는 프레임 워크 (bebel)로 만들어졌으며 코드에서 클래스를 변경하기 위해 HTML을 수정하는 방법을 알지 못합니다. 추가적으로 사용자 정의 상자에 VisualComposer를 사용하기 때문입니다.CSS를 사용하는 글꼴 굉장 아이콘이 변경되지 않습니다.

그런 다음 우리가 CSS로 아이콘을 변경하려면, 내 테마의 추가 CSS를 추가하는 옵션에 갈거야 그리고 난 다음 규칙 넣어 :

CSS 입력 :

.fa-location-arrow::before { 
    font-family: FontAwesome; 
    content: "\f041" !important; 
}

을 변경 사항은 적용되지 않으며, 크롬의 펄스 F12가 표시되고 아이콘이 검사됩니다. CSS 규칙은 다음과 같습니다.

CSS 출력 :

.fa-location-arrow::before { 
    Font-family: FontAwesome; 
    Content: \"\\f041\" !important; 
}

CSS 출력 이미지 :

F12 Chrome CSS error syntax Image

IT는 CSS를 저장할 때, 주제는 어떤 특별한 방법으로 PHP에서 처리 될 가능성이 있습니까? 이런 일이 일어나는 이유를 아는 사람

고마워요!

출처

2017-02-23 Mike

수정 내용 ** 출력 **에 대한 코드를 표시 할 수 있습니까? – Passerby

스타일 시트 순서를 바꾸려고 했습니까? DOM에 의해 마지막으로로드되는 스타일 시트를 원할 수 있습니다. – Hewlett

이상하게도 JSFiddle에서 제대로 작동하는 것 같습니다. https://jsfiddle.net/qnsvusdk/ – Shtut

방금 해결했습니다. 테마를 포함하는 "전역 CSS"옵션에서 CSS를 제거했으며 같은 코드를 WordPress 하위 테마의 "style.css"파일에 붙여 넣었습니다. 비록 그것이 아직도 효과가 없었던 이유를 아직 이해하지 못하더라도, 이제 완벽하게 작동합니다. 나는 그것이 PHP를 통해 CSS에 쓸 수있는 방법이 될 것으로 판단됩니다.

감사합니다.

출처

2017-02-23 10:37:28 Mike

는 fontawesome이없는 것 같다, 그래서를 다운로드하여 테마 CSS 폴더에 배치하고 functions.php

function enqueue_fontawesome(){ 
    wp_enqueue_style('font-awesome', $template_dir . '/css/font-awesome.min.css', array()); 
} 
add_action('wp_enqueue_scripts','enqueue_fontawesome');

변화 테마 폴더 구조에 따라 CSS 파일 경로를 연결. 희망이 당신을 위해 작동합니다.

출처

2017-02-23 10:08:39 Tristup

오류는 다른 것이지만 다른 사람에게 유용한 대답 일 수 있습니다. 감사합니다. – Mike

안녕, 마이크 그 위대한 해결 ... – Tristup

CSS를 사용하는 글꼴 굉장 아이콘이 변경되지 않습니다.

답변

관련 문제