Question

我正在使用很棒的字体在我的网站上添加社交媒体按钮。我已遵守规则，但未显示图标这是我网站的负责人

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>oktavianusm</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
<link href="fontawesome-free-5.3.1-web/css/fontawesome.min.css" rel="stylesheet" type="text/css">

这就是我在html正文中对其进行管理的方式

<div class="social-media">
        <i class="fab fa-facebook-square"></i>
        <i class="fab fa-twitter-square"></i>
        <i class="fab fa-linkedin-square"></i>
        <i class="fab fa-google-plus-square"></i>
    </div>

这就是我在浏览器中测试代码时发生的情况

this is what happenwhen I do the inspect element and point the cursor on the code

Answer 1

只需访问https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css上的Font Awesome网站即可。

这是正确的样式表链接：

using Xamarin.Forms;

namespace methods
{
    public partial class Usage : ContentPage
    {
        public Usage()
        {
            InitializeComponent();
            BindingContext = Application.Current;
        }

        void Used_Clicked(object sender, System.EventArgs e)
        {
            var VUsed = double.Parse(Using.Text);
            var VHeld = double.Parse(Held.Text);
            var Remaining = VHeld - VUsed;

            //how do i code the following? Error:'App' does not contain definition for Penicillin????
            App.Penicillin.value = Remaining;
        }
    }
}

正在寻找在我的网站上使用它们的方法。

Answer 2

我有同样的问题。链接间歇性地没有加载到DOM中。没有明显的原因，因此为了解决这个问题，我添加了以下代码来手动添加链接。 jQuery用于将链接添加到头部。如果已经存在，那么您将得到一个副本。

<!-- Font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font awesome force load as was not loading -->
<script>
    $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">');
</script>

我知道这不是一个很好的解决方案，但确实可以。我应该提到，此链接适用于4.7，您需要将其更改为所需的任何版本。

字体真棒图标不会出现

2 个答案: