Custom font will not show on android devices in gallery caption

I have used CSS in order to change the gallery caption font; this works on laptops, desktops and on iOS devices, but not on my android.

The code I have used is 

// Gallery Caption Text //

.gallery-section .gallery-caption p {
  text-align: center;
  font-size: 10px;
  font-weight: 100;
  color: #000000;
  text-transform: normal;
  line-height: 0.7em;
  font-family: Adobe Garamond Pro;
}

and I have tried to have a go for it to work on my android device using this code

@media only screen {
  .gallery-section .gallery-caption {
    text-align: center;
  font-size: 10px;
  font-weight: 100;
  color: #000000;
  text-transform: normal;
  line-height: 0.7em;
  font-family: Adobe Garamond Pro;
  }
}

I am very new to this so I a aware that it may be a very simple fix, so thank you for your help.

Sam