Фильтр googleApiFont Результат по поиску Laravel

Я использую laravel5 и успешно извлекаю шрифты Google из googlefontapi в виде данных json, распечатываю их на своей странице, используя @foreach blade. Мой код

public function index(){$url = "https://www.googleapis.com/webfonts/v1/webfonts?key=!";
$result = json_decode(file_get_contents( $url ));
$font_list = "";
foreach ( $result->items as $font )
{
$font_list[] = [
'font_name' => $font->family,
'category' => $font->category,
'variants' => implode(', ', $font->variants),
// subsets
// version
// files
];
}

return view('website_settings')->with('data', $font_list);

}

И мнение

 <div class="am-fonts scroll">
<ul class="am-fonts-list">

@foreach($data as $fonts)
<li>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=<?php echo $fonts['font_name'];?>:<?php echo $fonts['variants'];?>">
<div class="am-actions"><a href="{{url('/addFont', $fonts['font_name'])}}"><span><i class="icon add"></i></span></a></div>
<div class="am-font-preview" style="font-family: <?php echo $fonts['font_name'];?>;">
<a href="{{ url('/fontDetails') }}">Grumpy wizards make toxic brew for the evil Queen and Jack.</a>
</div>
<div class="am-font-details">
<div class="am-font-name">{!! $fonts['font_name'] !!}</div>
</div>
</li>
@endforeach

</ul>

У меня есть окно поиска, теперь я хочу отфильтровать этот список шрифтов при поиске по вводимому тексту (без кнопки отправки)! Как я могу достичь этого? Пожалуйста, помогите мне !