Question: ```
<li class ="block" ng-repeat="i in items | searchFor:searchString" id={{i.title}}>
        <a><img class="gallery" id={{i.title}} ng-src="{{i.image}}" title="{{i.title}}" /></a>
        <a href="{{i.image}}" download><button id="eye" title="Preview"></button></a>
        <p>{{i.title}}</p>

    </li>

```

**Items list**

```
$scope.items = [
 {
url: '#',
title: 'Mountain',
image: 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0'
 }];

```

This throws an error

> 
> jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: <https://images.unsplash.com/photo-1443890923422-7819ed4101c0>
> 
> 
>

Answer: 
Different fonts have different "aspect values" which is the size difference between a lowercase x and uppercase X for instance. You could try to use something like "font-size adjust" in your css to make all fonts have the same aspect value regardless of the font family.
I know it's an old post but try

```
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
text-size-adjust:none;

```