การเขียนโปรแกรม font-awesome

17

เป็นไปได้ไหมที่จะใช้ Font Awesome Icon ใน Placeholder ฉันอ่านแล้วว่าไม่อนุญาตให้ใช้ HTML ในตัวยึดตำแหน่ง มีวิธีแก้ปัญหาหรือไม่? placeholder="<i class='icon-search'></i>"

111 html font-awesome placeholder

5

ใช้ Font Awesome Icon เป็น Favicon

เป็นไปได้ไหมที่จะใช้ไอคอนFont Awesomeเป็นไอคอน Fav คุณรู้หรือไม่ว่าไอคอนเล็ก ๆ ที่ปรากฏขึ้นพร้อมกับชื่อเว็บไซต์ในแท็บเบราว์เซอร์?

109 favicon font-awesome

15

วิธีรวมไอคอน Font Awesome ใน React's render ()

เมื่อใดก็ตามที่ฉันพยายามใช้ไอคอน Font Awesome ใน React render()มันจะไม่ปรากฏบนหน้าเว็บที่ได้แม้ว่ามันจะทำงานใน HTML ปกติก็ตาม render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } นี่คือตัวอย่างสด: http://jsfiddle.net/pLWS3/ มีความผิดตรงไหน?

108 reactjs font-awesome

30

Font Awesome ไม่แสดงไอคอน

ฉันใช้ Font Awesome และไม่ต้องการเพิ่ม CSS ด้วย HTTP ฉันดาวน์โหลด Font Awesome และรวมไว้ในโค้ดของฉัน แต่ Font Awesome กำลังแสดงกล่องสี่เหลี่ยมที่มีขอบแทนไอคอน นี่คือรหัสของฉัน: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x </div> </body> </html> ฉันต้องการทราบวิธีทำให้ไอคอนแสดงแทนกล่องสี่เหลี่ยมที่มีขอบ

102 html css font-awesome

4

ฉันจะแน่ใจได้อย่างไรว่าทุกสัญลักษณ์มีความกว้างเท่ากัน

ฉันสังเกตว่าแม้จะมีขนาดตัวอักษรเท่ากัน แต่ก็มีความกว้างไม่เท่ากัน ฉันจะใช้สิ่งเหล่านี้หน้ารายการเพื่อให้คำไม่ดูขรุขระได้อย่างไร ภาพหน้าจอของปัญหา: นี่คือรหัส: <ul id="myTab"> <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li> <li><a href="#video"><i class="icon-film"></i> Videos</a></li> <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li> <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li> <li><a href="#history"><i class="icon-calendar empty"></i> History</a></li> </ul>

98 font-awesome

6

หมุนไอคอนแบบอักษรที่ยอดเยี่ยมแบบคงที่

ฉันต้องการหมุนไอคอนแบบอักษรที่น่ากลัวแบบคงที่ 45 องศา มันบอกในเว็บไซต์ว่า: ในการหมุนและพลิกไอคอนโดยพลการให้ใช้คลาส fa-rot- * และ fa-flip- * อย่างไรก็ตามการทำ <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> ไม่ทำงานในขณะที่แทนที่fa-rotate-45ด้วยfa-rotate-90do นี่หมายความว่าในความเป็นจริงพวกเขาไม่สามารถหมุนโดยพลการ?

93 css rotation font-awesome

8

แยก SVG จาก Font Awesome

ฉันต้องการรับข้อมูลเส้นทาง SVG จากFont Awesomeร่ายมนตร์เพื่อให้สามารถใช้เป็น SVG ใน HTML ได้โดยตรง ฉันคิดว่ามันจะง่ายพอ ๆ กับการคัดลอกข้อมูลเส้นทางจากfontawesome-webfont.svgแต่เมื่อฉันใช้มันใน HTML ของฉันสัญลักษณ์ทั้งหมดจะแสดงผลแบบกลับหัว ใครทราบสาเหตุ? (ดู ซอ ) Font Awesome SVG: <glyph unicode="&#xf007;" horiz-adv-x="1408" d="M1408 131q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 …

93 html svg font-awesome

8

ฉันจะเพิ่มไอคอน Font Awesome ในช่องป้อนข้อมูลได้อย่างไร

ฉันจะใช้ไอคอนค้นหาที่รวมอยู่ใน Font Awesome เพื่อป้อนข้อมูลได้อย่างไร ฉันมีคุณสมบัติการค้นหาบนไซต์ของฉัน (ตาม PHPmotion) ที่ฉันต้องการใช้สำหรับการค้นหา นี่คือรหัส: <div id="search-bar"> <form method="get" action="search.php" autocomplete="off" name="form_search"> <input type="hidden" name="type" value="videos" /> <input autocomplete="on" id="keyword" name="keyword" value="Search Videos" onclick="clickclear(this, 'Search Videos')" onblur="clickrecall(this,'Search Videos')" style="font-family: verdana; font-weight:bold; font-size: 10pt; height: 28px; width:186px; color: #000000; padding-left: 2px; float:left; border: 1px solid black; background-color: …

89 html css font-awesome

7

เพิ่มประสิทธิภาพ Font Awesome สำหรับคลาสที่ใช้เท่านั้น

ฉันใช้ไฟล์ Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sassเพื่อทำให้เป็น_font-awesome.sassดังนั้นฉันจึงสามารถทำได้@importในโครงการ Sass ของฉัน นอกจากนี้ผมยังใช้http://middlemanapp.com/การแปลงSassเพื่อCss คำถาม: มีวิธีในการนำเฉพาะคลาสไอคอนที่ใช้แล้วมาเป็น. css ที่แปลงแล้วของฉันหรือไม่? เพราะตอนนี้มันมีทุกคลาสตั้งแต่_font-awesome.sass โบนัส:เป็นไปได้ไหมที่จะคอมไพล์ฟอนต์ใหม่ด้วยคลาสไอคอนที่ใช้แล้วเพื่อทำให้เล็กลงในการใช้งานจริง? หากฉันได้รับคำแนะนำเกี่ยวกับ # 1 ข้างต้นนั่นก็น่าจะดีพอ ขอบคุณ.

86 css sass font-awesome

คำถามติดแท็ก font-awesome