mjhjmtu

Wondering how to draw this sort of thing with tikz:

I ░░░░░░░░░░░░░░░ am a blank space.

...but with text overlaid on the dot grid. Also, instead of the dot-grid being diagonal, I would like to make it simply vertical/horizontal, and make the dots smaller and lighter so when the text goes over it it's not distracting. But it would be along these lines:

I ░Hello░World░░░ am a blank space.

But the "Hello World" would have ░ faded dots behind each letter. Just using this ░ unicode character for demo, this instead would use tikz.

Are you looking for something like this? (If yes, all I'd have to do is to introduce a slightly more flexible pattern such that things look good also with more reasonable scale factors, if no, then this may help others to understand the question better.)

documentclassarticle
usepackage[margin=1in]geometry
usepackagetikz
usetikzlibraryfadings,patterns
newcommandPlaceCharOverDots[2][10]%
begintikzfadingfrompicture[name=temp]
node[transparent!20,scale=#1] 
bfseriessffamily textcolorwhite#2;
endtikzfadingfrompicture%
tikz[baseline=(X.base)]node[inner sep=0pt,outer sep=0pt,scale=#1] (X) bfseriessffamily 
textcolorwhitestrut#2;
path[pattern=dots,overlay] (X.north west)
rectangle (X.south east);%
path[path fading=temp,fit fading=false,overlay,pattern=dots,pattern
color=gray!20] (X.north west)
rectangle (X.south east);%

begindocument
PlaceCharOverDotsHello world 
enddocument

EDIT: If you only want the text being placed over dots, all one needs to do is to define a somewhat denser dot pattern and to use it as the background of a node. I recommend tikzmarknode here because it automatically detects the mode your in (math mode, font size etc.) and has other advantages, which this however does not exploit. Of course, you may adjust inner sep to your needs and/or replace it by inner xsep and inner ysep.

documentclassarticle
usepackage[margin=1in]geometry
usepackagetikz
usetikzlibrarytikzmark,patterns
% based on the rings example on p. 1060 of the pgfmanual as well as 
% https://tex.stackexchange.com/a/29367/1952 for the color
makeatletter 
pgfdeclarepatternformonly[/tikz/radius,size]flexible dots
pgfpoint-0.5*size-0.5*size
pgfpoint0.5*size0.5*size
pgfpointsizesize

 pgfsetfillcolortikz@pattern@color
 pgfpathcirclepgfpointoriginpgfkeysvalueof/tikz/radius
 pgfusepathfill

makeatother
tikzset
radius/.initial=0.1pt,
size/.store in=size, 
size=0.5pt,

begindocument
tikzmarknode[pattern=flexible dots,inner sep=2pt]testHello world
enddocument

Here is one way to do it. The TikZ pattern has been adopted from https://tex.stackexchange.com/a/323867/8650. Instead of setting up a background layer, I simply draw the node twice.

 documentclassarticle
 usepackagexcolor
 usepackagetikz
 usetikzlibrarypatterns
 pgfdeclarepatternformonlymy dotspgfqpoint-1pt-1ptpgfqpoint5pt5ptpgfqpoint2pt2pt%
 
 pgfpathcirclepgfqpoint0pt0pt.4pt
 pgfusepathfill
 
 newcommandfade[1]%
 begintikzpicture[anchor=base, baseline]
 node[inner sep=0, outer sep=0] (node) #1;
 fill[pattern=my dots, pattern color=black!10] (node.south west) rectangle (node.north east);
 node[inner sep=0, outer sep=0] (node) #1;
 endtikzpicture
 begindocument
 \
 I fadeHello World am a blank space.\
 I Hello World am a blank space.
 enddocument