Câu hỏi được gắn thẻ «font-awesome»

Font Awesome là một phông chữ vectơ độc lập mang tính biểu tượng, ban đầu được phát triển để sử dụng với khung giao diện người dùng Twitter Bootstrap.



29
Phông chữ tuyệt vời không hiển thị biểu tượng
Tôi đang sử dụng Font Awesome và không muốn thêm CSS bằng HTTP. Tôi đã tải xuống Font Awesome và đưa nó vào mã của mình, nhưng Font Awesome đang hiển thị một hộp hình vuông có viền thay vì một biểu tượng. Đây là mã của tôi: <html> <head> …
99 html  css  font-awesome 

15
Cách đưa biểu tượng Font Awesome vào render của React ()
Bất cứ khi nào tôi cố gắng sử dụng biểu tượng Font Awesome trong React's render() , nó sẽ không được hiển thị trên trang web kết quả mặc dù nó hoạt động trong HTML bình thường. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Đây …


6
Xoay tĩnh các biểu tượng phông chữ tuyệt vời
Tôi muốn xoay tĩnh các biểu tượng phông chữ tuyệt vời của mình 45 độ. Nó nói trên trang web rằng: Để xoay và lật các biểu tượng một cách tùy ý, hãy sử dụng các lớp fa-Rot- * và fa-flip- *. Tuy nhiên, làm <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> …

8
Làm cách nào để thêm biểu tượng Font Awesome vào trường nhập?
Làm cách nào để sử dụng biểu tượng tìm kiếm có trong Font Awesome để nhập liệu? Tôi có một tính năng tìm kiếm trên trang web của mình (dựa trên PHPmotion), mà tôi muốn sử dụng để tìm kiếm. Đây là mã: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> …
89 html  css  font-awesome 

8
Giải nén SVG từ Font Awesome
Tôi muốn lấy dữ liệu đường dẫn SVG từ các glyph của Font Awesome để có thể sử dụng chúng ngay lập tức dưới dạng SVG trong HTML của mình. Tôi nghĩ nó sẽ dễ dàng như sao chép dữ liệu đường dẫn từ fontawesome-webfont.svg , nhưng khi tôi sử …
89 html  svg  font-awesome 

7
Tối ưu hóa phông chữ Awesome chỉ cho các lớp đã sử dụng
Tôi đang sử dụng tệp Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass để tạo nó _font-awesome.sass để tôi có thể @importtrong dự án Sass của mình. Tôi cũng đang sử dụng http://middlemanapp.com/ để chuyển đổi Sass sang Css . Câu hỏi: Có cách nào để chỉ chuyển các lớp biểu tượng đã sử …
86 css  sass  font-awesome 

9
Làm cách nào để tải phông chữ tuyệt vời bằng SCSS (SASS) trong Webpack bằng các đường dẫn tương đối?
Tôi có font-awesome trong thư mục node_modules của mình, vì vậy tôi cố gắng nhập nó vào tệp .scss chính của mình như sau: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Nhưng biên dịch gói Webpack không thành công, nói với tôi Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot vì tệp font-awesome.scss tham chiếu đến …

5
Thuộc tính thay thế hoặc tiêu đề cho thẻ tôi
Tôi sử dụng phông chữ tuyệt vời và hiển thị phông chữ của họ như thế: <i class="icon-lock"></i> Điều này sẽ hiển thị một biểu tượng khóa nhỏ đẹp. Để người dùng biết chính xác điều đó có nghĩa là gì, tôi đã thử thêm các thuộc tính như tiêu …


8
Làm thế nào để biết liệu một phông chữ (@ font-face) đã được tải chưa?
Tôi đang sử dụng Font-Awesome, nhưng trong khi các tệp phông chữ không được tải, các biểu tượng sẽ xuất hiện với . Vì vậy, tôi muốn các biểu tượng này có display:nonetrong khi các tệp không được tải. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.