Penggunaan Font Awesome Bootstrapcdn

Discussion in 'HTML & Website Design' started by KangAndre, Apr 21, 2016.

  1. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,244
    Likes Received:
    2,714
    Trophy Points:
    413
    Bagi situs atau blog yang menggunakan Font Awesome lewat maxcdn.bootstrapcdn.com, jika menggunakan browser chrome atau mozilla terbaru, kemungkinan akan tampak kota-kotak alias tidak berfungsi.

    Hal ini saya ketahui setelah update browser. Sebelum update browser, blog saya yang menggunakan Font Awesome, lancar-lancar saja. Awalnya saya berpikir ini masalah koneksi atau terjadi sesuatu di PC saya. Namun setelah otak-atik template ternyata berfungsi.

    Penyebabnya adalah browser terbaru tidak support maxcdn.bootstrapcdn.com tanpa kejelasan http. Umumnya font awesome hanya ditulis:
    Code:
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
    
    akhirnya setelah diubah menjadi
    Code:
    <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
    
    tampilan font awesome berjalan sempurna.

    Ini sekedar contoh.
    Blog yang menggunakan template sama persis, sebelum dan setelah diubah.

    awesome.jpg

    Awalnya blog saya, tampilan font awesome seperti di atas, namun setelah saya edit, akhirnya tampil juga

    awesome1.jpg

    Ini tidak berlaku untuk blogspot saja. Di ziuma.com (pakai myBB) awalnya juga tidak muncul namun setelah diubah dengan menambah https:// akhirnya tampil.
     
    ziuma and lasealwin like this.
  2. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,244
    Likes Received:
    2,714
    Trophy Points:
    413
    Colek @Qoeple forumnya masih terlihat kotak-kotak di tempat saya :D
     
  3. Musthafa Kamal

    Musthafa Kamal Active Member

    Joined:
    Jun 15, 2015
    Messages:
    603
    Likes Received:
    100
    Trophy Points:
    43
    Wahhh iya om punya ane juga gitu, klo ane buka via mobile siih normal
     
  4. ziuma

    ziuma Well-Known Member

    Joined:
    May 23, 2014
    Messages:
    1,563
    Likes Received:
    240
    Trophy Points:
    63
  5. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    10,244
    Likes Received:
    2,714
    Trophy Points:
    413
    Coba tambahkan https:// di netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css dan lihat hasilnya :D
     
  6. Qoeple

    Qoeple Member

    Joined:
    Nov 21, 2015
    Messages:
    551
    Likes Received:
    90
    Trophy Points:
    28
    Google+:
    He.3x, nanti saya liat @KangAndre,
    Thanks atas tweak nya :D
     
  7. wrep17

    wrep17 Well-Known Member

    Joined:
    Sep 26, 2015
    Messages:
    1,325
    Likes Received:
    246
    Trophy Points:
    63
    Google+:
    Okee makasih infonya, akan saya tambahkan kang :D
     
  8. mydewaz

    mydewaz Member

    Joined:
    Apr 21, 2016
    Messages:
    52
    Likes Received:
    3
    Trophy Points:
    8
    paling gampang ya masbro, copy aja itu font awesome, taruh di theme dan di load dari local.
    pasti no problem. Atau dikasi link 2, kalau load dari cdn gagal baru load di local.
     
  9. rosyad

    rosyad Active Member

    Joined:
    Dec 30, 2016
    Messages:
    1,106
    Likes Received:
    84
    Trophy Points:
    48
    @KangAndre yang sulit cara membuat css external itu jdi internal gmna kang.
     
Loading...

Share This Page