Question

我尝试过不同的方式对其进行重新编码，但我不确定它为什么不能正常工作。我试图制作一个按钮，按下时会将用户发送到Github，同时拥有一个字体真棒图标。

 <a href="https://github.com/"> <button type="submit"><i class="fa fa-github" 
    aria-hidden="true">GitHub</i></a>

Answer 1

试试这个：

你应该在本地或通过CDN安装字体awesome

通过CDN 您应该将此代码放在<header>

上

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' />

<强> HTML

<button onclick="window.location.href='https://github.com/'"><i class="fa fa-github" aria-hidden="true"></i>GitHub</button>

或

<a href="https://github.com/"><i class="fa fa-github" aria-hidden="true"></i>GitHub</a>

Answer 2

<html>
<head>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' />
  
</head>
<body>

<a href="https://github.com/"> <button type="submit"><i class="fa fa-github" 
    aria-hidden="true">GitHub</i></button></a>
</body>
</html>

Answer 3

因为我在codepen中写这个，我不得不添加一个target =＆＃34; _blank＆＃34;在新标签页中打开页面并修复了问题。

感谢您的帮助

按钮链接与字体真棒不工作

3 个答案: