Czy możliwe jest, aby pole wejściowe miało jedną rodzinę czcionek, a inne miejsce zastępcze?

Próbowałem zmienić rodzinę czcionek na symbol zastępczy wejścia z już zdefiniowaną czcionką @ font w CSS, ale nie działa

CSS

.mainLoginInput::-webkit-input-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput:-moz-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

HTML

<input class="mainLoginInput" type="text" placeholder="Username"  />

Jak mogę zaspokoić ten problem?