如何動態檢查是否存在遠程字體圖標？

Question

我正在使用這些Devicon font icons用於各種編程語言。

他們沒有每個圖標，但他們最多。

我想要做的是有一個默認圖標，我用於該字體庫不支持的語言。

這些都是他們的指令：

<!-- in your header --> 
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css"> 

<!-- in your body --> 
<i class="devicon-ruby-plain"></i> 

因此，在我看來，我有這樣的：

 <div class="vote-icon"> 
      <i class="devicon-<%= question.language %>-plain"></i> 
     </div> 

凡question.language是他們的問題，用戶提交的語言。

現在，當這產生一個不存在的圖標，它只是留下一個空白處。

但我不太清楚如何檢查圖標是否存在，然後將其替換爲默認值。

想法？

Answer 1

所以唯一的窪對我來說，實際上這是爲了解析Devicons提供的圖標列表。

因此，我手動創建了一個列表在輔助方法的數組中，然後在那裏做了零檢查。

所以它看起來像這樣：

def language_icon(language) 
    devicons = ["amazonwebservices", "android", "angularjs", "apache", "appcelerator", "apple", "atom", "backbonejs", 
     "bitbucket", "bootstrap", "bower", "c", "chrome", "codeigniter", "coffeescript", "confluence", "cplusplus", "csharp", 
     "css3", "d3js", "debian", "django", "docker", "doctrine", "dot-net", "drupal", "erlang", "firefox", "foundation", "gimp", 
     "git", "github", "gitlab", "go", "grunt", "gulp", "heroku", "html5", "ie10", "illustrator", "inkscape", "java", "javascript", 
     "jeet", "jetbrains", "jquery", "krakenjs", "laravel", "less", "linux", "meteor", "mongodb", "moodle", "mysql", "nginx", 
     "nodejs", "nodewebkit", "orale", "photoshop", "php", "phpstorm", "postgresql", "python", "rails", "react", "redhat", "redis", 
     "ruby", "safari", "sass", "sourcetree", "ssh", "symfony", "travis", "trello", "ubuntu", "vim", "windows8", "wordpress", "yii", "zend"] 

    if devicons.include?(language) 
     content_tag(:i, "", class: "devicon-#{language}-plain") 
    else 
     content_tag(:i, "", class: "fa fa-diamond") 
    end 
    end 

這就像一個魅力。

我希望這可以幫助別人！

Answer 2

試試這個

require 'open-uri' 
=> true 
f = open("https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css").read 
...load entire css file ... 

然後你做一個搜索

@icon = f["devicon-css3-plain"] 

如果@icon是零意味着該圖標不復存在

在你的情況下

@icon = f[question.language]